Web Scraper Pro is a Chrome extension that helps you extract structured data from web pages quickly. It supports both custom CSS selector workflows and one-click quick scraping modes. The extension runs locally in your browser and stores history in Chrome local storage.
- Open Chrome and go to
chrome://extensions/ - Enable Developer mode (top-right corner)
- Click Load unpacked
- Select this project folder:
Web_Scraper_pro - Pin the extension for quick access from the toolbar
Web_Scraper_pro/
├── manifest.json # Extension manifest (MV3)
├── popup.html # Popup UI
├── popup.js # Main scraping logic
├── styles.css # Additional styles
├── GUIDE.md # Detailed user guide (English)
└── icons/ # Extension icons
Use your own selectors to extract repeated records from a page. Available fields in the UI are container, title, link, price, and description. Use Preview to validate selectors before running a full extraction. This mode is ideal for product cards, blog article lists, directories, and similar repeated layouts.
Extracts common data types instantly: links, titles, emails, phones, images, and tables. Useful for fast exploration before building custom selectors.
After each scraping run, results can be exported as CSV or copied to clipboard. CSV generation supports both custom and quick scrape modes.
The extension saves recent scraping sessions in local storage, including scraper type and name, page URL, extracted item count, and timestamp. History can be viewed in detail or cleared entirely.
Configurable options include target folder, auto-download behavior, whitespace trimming, duplicate removal, and URL inclusion. These settings are persisted in chrome.storage.local.
- Open the target webpage
- Click the extension icon
- Go to Quick Scrape
- Choose a mode (for example: Titles)
- Wait for extraction
- Click Copy or Download CSV
- Open the page you want to scrape
- Inspect an element (right-click → Inspect)
- Identify a repeated container (example:
.product-card) - Add inner selectors (title, link, price, description)
- Click Preview to validate selectors
- Click Scrape to extract all matching records
- Export to CSV or copy results
Example HTML:
<div class="product-card">
<h3 class="product-name">Laptop Pro</h3>
<span class="product-price">€999</span>
<a href="/products/laptop-pro">View product</a>
</div>Example selectors: container .product-card, title .product-name, price .product-price, link a.
If the extension popup does not work, reload the page and reopen the popup, or disable and re-enable the extension from chrome://extensions/.
If no data is extracted, check that the selectors are correct and that the page is not dynamically rendered. Try broader selectors first, then refine.
If the CSV is empty or incomplete, verify that the scrape returned results before exporting, and check the download settings.
From manifest.json: activeTab, scripting, storage, downloads.
Target only public pages without login requirements. Keep extraction volumes moderate and respect robots.txt rules. Avoid collecting personal or private data, and do not reuse copyright-protected content.
With proper care and legal/ethical attention, this extension can also support OSINT (Open Source Intelligence) workflows on publicly available sources. Target only public information, avoid privacy violations and unlawful profiling, comply with local laws and platform rules, and maintain clear audit trails with source references.
This project is licensed under the GNU General Public License v3.0 (GPL-3.0). Copyright © Alessandro Orlando.