Files
data-extracter-extesion/popup/tip.html
2018-09-28 15:41:41 +08:00

65 lines
2.3 KiB
HTML

<!doctype html>
<html>
<link>
<meta charset="utf-8">
<title>Data Extractor</title>
<script charset="UTF-8" type="text/javascript" src="../scripts/jquery.min.js"></script>
<script charset="UTF-8" type="text/javascript" src="../styles/bootstrap.min.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>new Extractor().task(".list-item", ["a.title", "p.content"]).start();
</p>
<p>
<b>Extract multiple pages (1-10, interval 1)</b>:
<br>new Extractor().task(".list-item", ["a.title", "p.content"],
"http://sample.com/?pn=${page}", 1, 10, 1).start();
</p>
<p>
<b>Full document (Right click - Open in new tab):</b>
<br>
<a href="#" id="link-document">https://git.jebbs.co/jebbs/data-extracter-extesion</a>
</p>
</div>
</div>
</div>
</div>
</body>
</html>