A Chrome extension for quick scraping of common elements from web pages.
This is just part of a hobby project of mine. I found this made my life easier and hopefully this will help someone else.
- Automatic Identifier Detection: Finds common classes, attributes, or tags among selected elements.
- JavaScript Snippet Generation: Creates a JS snippet to select and scrape the elements.
- One-Click Scraping: Press the "Scrape" button to copy the data from all matched elements.
- Download the ZIP file from the Releases section.
- Goto
chrome://extensions/and Enable "Developer Mode" on top right corner - Drag and drop the ZIP file onto the Chrome Extensions page (
chrome://extensions) to install the extension.
-
Activate the Extension: Click the Cherry-Pick icon in your browser.
-
Select Elements: Use the mouse to highlight and select elements you want to scrape.
- Often different elements might come in the way when selecting. You can use the
spacebarkey to cycle between the selectable elements. - Try to pinpoint the exact element you need to scrape and click!
- Select atleast two similar elements for best results..
- Often different elements might come in the way when selecting. You can use the
-
Scrape Elements: Click the "Scrape Elements" button in the popup. The extension will:
- Find common identifiers.
- Generate a JS selector snippet.
- Copy the scraped data to your clipboard.
Scrape all product names, prices, or links from a listing page by simply selecting a few examples.
Cherrypick.Demo.mp4
- Clone repo
git clone https://github.com/zan-keith/cherry-pick.git. - Run
pnpm installto install dependencies. - Run
pnpm devto build the extension. - Load the
build/chrome-mv3-devfolder as an unpacked extension in Chrome.
plasmo build --zipplasmo build --target=firefox-mv2 --zip
- Built with Plasmo and React.
- Uses Tailwind CSS for styling.
Pull requests and suggestions are welcome!
MIT