Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
60 lines (50 sloc) 1.46 KB
<?php print '<?xml version="1.0" encoding="UTF-8"?>' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>nodeSelector Bookmarklet</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css" />
<link rel="stylesheet" href="/style.css" type='text/css' />
<link rel="icon" href="hand.png" type="image/png" />
</head>
<body>
<div id='container'>
<div class='content'>
<h1>nodeSelector Bookmarklet</h1>
<ol><li>
Right click and bookmark this: <a href='
javascript:(
function() {
var s=document.createElement("script");
s.charset="UTF-8";
s.src="http://paul.slowgeek.com/nodeSelector/ns.js";
document.body.appendChild(s)
})();
'>nodeSelector bookmarklet</a>
</li><li>
Visit any webpage.
</li><li>
Click your newly created bookmark (should be named <b>nodeSelector bookmarklet</b>).
</li><li>
Find the interesting item on the page and click it.
</li><li>
See the xpath to that node.
</li><li>
Press <b>ESC</b> anytime to stop selecting nodes.
</li><li>
...
</li><li>
Profit.
</li></ol>
<ul><li>
<a href='http://github.com/ptarjan/nodeselector/'>Open Source (github)</a>
</li><li>
<a href='test.html'>See it in action</a>
</li><li>
<a href='ns.js'>Read the source</a>
</li></ul>
</div>
</div>
</body>
</html>