01
Extracts and cleans visible text
Reads rendered page content, then removes selected navigation labels, calls to action, social references, and repeated whitespace before analysis.
Open-source Chrome extension
Turn a long webpage into useful intelligence.
Extract visible text, identify meaningful facts and statistics, inspect supported chart images, and save the combined AI analysis as a simple report.
Manifest V3
Groq AI
Webpack
Plain text output
↗ Key insights detected
↓ TXT report ready
1 clickstarts the workflow
2 AI modestext and visual analysis
1 reportcombines useful findings
100% local installthrough Chrome developer mode
What it does
From webpage noise to a focused report
The extension handles the repetitive collection work while keeping its output portable and easy to inspect.
Finds structured insights
Prompts Groq for key facts, relevant statistics, and clear conclusions instead of returning an unstructured copy of the page.
Examines supported images
Discovers public HTTP images while scrolling and asks a vision model to keep only useful chart or statistical conclusions.
04
Builds one portable report
Combines accepted text and visual findings into ai_combined_analysis.txt, then uses Chrome's Downloads API to save it.
One continuous flow
How an analysis moves through the extension
Three isolated Chrome contexts communicate through runtime messages, keeping page access, orchestration, and user actions separated.
Trigger
The popup identifies the active tab and starts the content script.
Extract
The content script reads and cleans visible text from the DOM.
Analyze
The background worker coordinates Groq text and image requests.
Download
Accepted findings are combined and saved as a TXT report.
Under the hood
Small pieces with clear responsibilities
The project uses Chrome Manifest V3, browser runtime messaging, the Groq JavaScript SDK, and Webpack-generated bundles.
Explore the architecture docs →USERPopup actionStarts one analysis
↓
PAGEContent scriptDOM and images
→
WORKERBackgroundCoordinates tasks
AIGroq modelsText + vision
OUTPUTDownloads APITXT report
Honest project status
Built as a learning project, documented like a real system.
✓
ImplementedText cleanup, AI analysis, image discovery, and TXT download.
~
PartialCanvas elements are discovered but are not analyzed by the worker.
!
ImportantThe current popup reports progress only through browser DevTools.
×
Not production-secureA provider API key should never be distributed inside a public extension.
Run it locally
Load the extension in four steps
This repository is installed through Chrome developer mode. Use only a limited development API key and test on a non-sensitive webpage.
- 1Clone and install
git clone https://github.com/SidheshwarSarangal/Chrome-ext-webpage-data.git
cd Chrome-ext-webpage-data && npm install - 2Add local configuration
Create an ignored
config.jsonwith a development Groq key. - 3Build the bundles
npx webpack --config webpack.config.js - 4Load unpacked
Open
chrome://extensions, enable Developer mode, and select the repository folder.
Go deeper
Complete project documentation
The final repository documents both the intended workflow and the limitations present in the code.