75 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			75 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!doctype html>
 | |
| <html>
 | |
| <link>
 | |
| <meta charset="utf-8">
 | |
| <title>Data Extractor</title>
 | |
| <script charset="UTF-8" type="text/javascript" src="../scripts/shared/common.js"></script>
 | |
| <script charset="UTF-8" type="text/javascript" src="tip.js"></script>
 | |
| 
 | |
| <link rel="stylesheet" href="styles/bootstrap.min.css">
 | |
| </head>
 | |
| 
 | |
| <body style="margin: 20px 10px;">
 | |
|     <div class="container-fluid" style="min-width: 420px;">
 | |
|         <div class="row">
 | |
|             <div class="col">
 | |
|                 <h6>Usage</h6>
 | |
|             </div>
 | |
|         </div>
 | |
|         <div class="row">
 | |
|             <div class="col">
 | |
|                 <div class="alert alert-info small">
 | |
|                     <!-- <h6>Usage:</h6> -->
 | |
|                     <p>
 | |
|                         Goto <a href="#" id="link-extension-detail">Extension Detail</a>, click "backgroud page",
 | |
|                         and type your scripts in the console.
 | |
|                     </p>
 | |
|                     <p>
 | |
|                         <img src="../images/console.png" alt=""
 | |
|                             style="max-width: 489px; width: 100%; border-radius: 5px">
 | |
|                     </p>
 | |
| 
 | |
|                 </div>
 | |
|             </div>
 | |
|         </div>
 | |
|         <div class="row">
 | |
|             <div class="col">
 | |
|                 <h6>Quick Start</h6>
 | |
|             </div>
 | |
|         </div>
 | |
|         <div class="row">
 | |
|             <div class="col">
 | |
|                 <div class="alert alert-success small">
 | |
|                     <p>
 | |
|                         <b>Extract current page</b>:
 | |
|                         <br>> $(".list-item", ["a.title", "p.content"]);
 | |
|                     </p>
 | |
|                     <p>
 | |
|                         <b>Extract multiple pages (1-10, interval 1)</b>:
 | |
|                         <br>> job=new Extractor().task(".list-item", ["a.title", "p.content"],
 | |
|                         "http://sample.com/?pn=${page}", 1, 10, 1);
 | |
|                         <br>> job.start();
 | |
| 
 | |
|                     </p>
 | |
|                     <p>
 | |
|                         <b>Full document at:</b>
 | |
|                         <br>
 | |
|                         <a href="#" id="link-document">https://git.jebbs.co/jebbs/data-extracter-extesion</a>
 | |
|                     </p>
 | |
|                 </div>
 | |
|             </div>
 | |
|         </div>
 | |
|         <div class="row">
 | |
|             <div class="col">
 | |
|                 <h6>Saved State</h6>
 | |
|             </div>
 | |
|         </div>
 | |
|         <div class="row">
 | |
|             <div class="col">
 | |
|                <input type="file" name="state" id="state-input">
 | |
|             </div>
 | |
|         </div>
 | |
|     </div>
 | |
| </body>
 | |
| 
 | |
| </html> |