Page Summarizer

A Chrome extension that summarizes any web page using AI. Get a concise summary, key takeaways, sentiment analysis, and reading time — all in one click.

Features

• One-click summarization — summarize any web page instantly
• Key points extraction — 3-5 bullet-point takeaways
• Sentiment analysis — positive, neutral, or negative tone detection
• Reading time — estimated reading time of the original page
• Copy & Export — copy to clipboard or export as Markdown
• Summary history — browse your last 20 summaries
• Dark/light theme — respects system preference with manual toggle
• Configurable — choose model, summary length, and more

Installation

1. Clone this repository:

   git clone https://github.com/hoeberigs/page-summarizer.git

2. Open Chrome and navigate to chrome://extensions

3. Enable Developer mode (top-right toggle)

4. Click Load unpacked and select the page-summarizer folder

5. Click the extension icon, go to Settings, and enter your OpenAI API key

Usage

1. Navigate to any web page you want to summarize
2. Click the Page Summarizer extension icon
3. Hit Summarize Page
4. View the summary, key points, and sentiment
5. Copy or export the results as Markdown

Configuration

Open the extension settings to configure:

Setting	Options	Default
Model	gpt-4o-mini, gpt-4o	gpt-4o-mini
Summary Length	Brief, Detailed	Brief

Tech Stack

• Vanilla JavaScript — no build step, no frameworks
• Chrome Extension Manifest V3 — modern extension architecture
• OpenAI API — GPT models for summarization
• Chrome Storage API — local persistence for settings and history

Project Structure

page-summarizer/
├── manifest.json        # Extension manifest
├── background.js        # Service worker (API calls)
├── content.js           # Content script (page extraction)
├── popup/
│   ├── popup.html       # Popup UI
│   ├── popup.css        # Styles with dark/light theme
│   └── popup.js         # Popup logic
├── options/
│   ├── options.html     # Settings page
│   ├── options.css
│   └── options.js
└── icons/               # Extension icons

Privacy

• Your API key is stored locally in Chrome storage and is only sent to OpenAI's API
• Page content is sent to OpenAI for summarization and is not stored on any server
• Summary history is stored locally on your device

License

MIT