The official extension for Chromium-based browsers, such as Chrome, Opera, Brave, and others, as well as Firefox.
You can install the extension using one of these methods:
- Visit the Chrome Web Store (coming soon)
- Search for "ScrapeGraphAI"
- Click "Add to Chrome"
- Visit the Firefox Add-ons Store
- Click "Add to Firefox"
- Follow the installation prompts
Watch our video tutorial for a step-by-step guide on Firefox installation.
- Download the latest
scrapegraphai_extension.zipfrom the Releases page - Extract the ZIP file to a folder on your computer
- For Chrome/Chromium browsers:
- Go to
chrome://extensions/ - Enable "Developer mode" using the toggle in the top-right corner
- Click "Load unpacked"
- Select the extracted folder
- Go to
- For Firefox:
- Go to
about:debugging#/runtime/this-firefox - Click "Load Temporary Add-on"
- Select the
manifest.jsonfile from the extracted folder
- Go to
If you want to build the extension from source:
- Clone the repository:
git clone https://github.com/ScrapeGraphAI/scrapegraphai-browser-extension.git
cd scrapegraphai-browser-extension- Install dependencies:
npm install- Build the extension:
npm run build:chromium # For Chrome/Chromium browsers
# or
npm run build:firefox # For Firefox browser- The built extension will be in the
distfolder - Load it in your browser following the steps from Manual Installation section
-
Setup
- After installing the extension, click on its icon in your browser's toolbar
- Go to Settings and enter your ScrapeGraphAI API key
- If you don't have an API key, get one from ScrapeGraphAI website
-
Basic Usage
- Navigate to any webpage you want to scrape
- Click the extension icon
- Enter your scraping instructions in the text field
- Click "Scrape" to start the process
-
Advanced Options
- Use "Custom URL" if you want to scrape a different page than the current one
- The extension will notify you when the scraping is complete
- Check your ScrapeGraphAI dashboard and dowload folder for the scraped data
-
Tips
- Be specific in your scraping instructions
- Make sure you have a valid API key
- Check the extension's status indicators for any errors
For development and debugging:
npm inpm run build:chromiumAfter building the extension, a dist folder will be generated in the root of the project. To load the extension in browser for testing, follow this guide and select the dist folder.