Make the frontpage nicer and add info to the README

master
Sven Slootweg 11 years ago
parent 64e35dab74
commit d02e2d1256

@ -2,6 +2,8 @@
A simple bookmarklet that lets you click any element in a page and returns the smallest unique (and reliable) selector it can find for that element. A simple bookmarklet that lets you click any element in a page and returns the smallest unique (and reliable) selector it can find for that element.
Licensed under the WTFPL.
**Usecase:** Figuring out a CSS-style selector for screenscraping. **Usecase:** Figuring out a CSS-style selector for screenscraping.
**How to use the selector:** Use your favourite screenscraping library with CSS selector support. If you are using BeautifulSoup, you'll need to use my [patched version](https://github.com/joepie91/beautifulsoup) to have support for :nth-of-type() pseudoselectors as returned by ScraperScript. **How to use the selector:** Use your favourite screenscraping library with CSS selector support. If you are using BeautifulSoup, you'll need to use my [patched version](https://github.com/joepie91/beautifulsoup) to have support for :nth-of-type() pseudoselectors as returned by ScraperScript.

@ -1,11 +1,32 @@
<!doctype html> <!doctype html>
<html> <html>
<head>
<style>
.bookmarklet
{
padding: 5px;
border: 1px solid black;
border-radius: 4px;
background-color: #F5F5F5;
text-decoration: none;
color: black;
box-shadow: 3px 3px 7px 0px #000000;
-webkit-box-shadow: 3px 3px 7px 0px #000000;
-moz-box-shadow: 3px 3px 7px 0px #000000;
-o-box-shadow: 3px 3px 7px 0px #000000;
-ms-box-shadow: 3px 3px 7px 0px #000000;
}
</style>
</head>
<body> <body>
<h1>ScraperScript</h1> <h1>ScraperScript</h1>
<p> <p>
Extremely experimental. <strong>Drag</strong> the following bookmarklet to your bookmark bar, and click it whenever you want to scrape a page. Extremely experimental. <strong>Drag</strong> the following bookmarklet to your bookmark bar, and click it whenever you want to scrape a page.
It'll let you click any element in the page, and you'll get its unique selector. It'll let you click any element in the page, and you'll get its unique selector.
</p> </p>
<p>
<a class="bookmarklet" href="javascript:(function(){_scraper_script=document.createElement('SCRIPT');_scraper_script.type='text/javascript';_scraper_script.src='http://cryto.net/scraperscript/scraperscript.js?x='+(Math.random());document.getElementsByTagName('head')[0].appendChild(_scraper_script);})();">Help me scrape!</a>
</p>
<p> <p>
ScraperScript will block input to the page while it's active. To get control over your input again, simply close the ScraperScript bar using ScraperScript will block input to the page while it's active. To get control over your input again, simply close the ScraperScript bar using
the X in the top right corner. the X in the top right corner.
@ -15,7 +36,7 @@
and a link to the page you are trying to work with. and a link to the page you are trying to work with.
</p> </p>
<p> <p>
<a href="javascript:(function(){_scraper_script=document.createElement('SCRIPT');_scraper_script.type='text/javascript';_scraper_script.src='http://cryto.net/scraperscript/scraperscript.js?x='+(Math.random());document.getElementsByTagName('head')[0].appendChild(_scraper_script);})();">Help me scrape!</a> There's also a <a href="http://github.com/joepie91/scraperscript">repository for this stuff on GitHub</a>.
</p> </p>
</body> </body>
</html> </html>

Loading…
Cancel
Save