Files
data-extracter-extesion/popup/tip.html
2018-05-23 09:51:18 +08:00

46 lines
1.9 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>
<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">
<h3>Data Extractor</h3>
<div class="alert alert-info small" role="alert">
<h6>Usage:</h6>
<p>
<b>Open console</b> and
<b>switch to Data Extracter</b>, then call the
<b>extract</b> function.
</p>
<p>
<img src="demo.png" alt="" style="max-width: 489px; width: 100%; border-radius: 5px">
</p>
<p>
<b>Example</b>:<br> extract("table tr", ["td:nth-child(0)","td:nth-child(1)"])
</p>
</div>
<div class="alert alert-info small" role="alert">
<h6>Interface:</h6>
<p>function extract(itemsSelector:string, fieldSelectors:string[]) </p>
<p>function extract(itemsSelector:string, fieldSelectors:string[], url:string, from:number, to:number, interval:number)</p>
<p>function extract(itemsSelector:string, fieldSelectors:string[], url:string, pages:number[])</p>
</div>
<!-- <div class="alert alert-danger small" role="alert">
Selector means
<b>JQuery Selectors</b> which is used to select data items and fields.
</div> -->
</div>
</div>
</div>
</body>
</html>