Web TOC Assistant

Auto-generate TOC for any webpage. Smart content detection, chatbot support, CSS selectors. Click icon to enable/disable per site.

Web TOC Assistant — Generate an Interactive Outline for Long Webpages Quickly navigate long articles, documentation, and complex webpages. Web TOC Assistant automatically analyzes page heading structure and generates an interactive outline that tracks your reading position, letting you jump to any section instantly. ★ Edge Dock Navigation A slim toolbar at the page edge provides live navigation as you read: • Live outline preview — Collapsed bars show nearby headings; deeper levels use shorter, indented bars. • Active section tracking — Both the preview and expanded TOC highlight your current reading position as you scroll. • Hover-to-expand TOC — On desktop, hover over the outline bars to open a lightweight TOC card; move away to collapse. • Direct collapsed navigation — Click any outline bar to jump directly to that section. • Touch support — On touch devices, tap the dock area to toggle the expanded card. • Left or right edge — Dock snaps to either page edge and remembers your preference per site. ★ Key Features • Automatic TOC generation — Detects standard h1-h6 headings on any webpage. • Content region detection — Intelligently identifies the main content area, filtering out navigation and footer noise. • Chatbot conversation TOC — Automatically detects ChatGPT, Claude, Gemini and other AI chatbot pages, generating turn-based outlines. • Source indicators — Color-coded markers distinguish user prompts and custom selector items at a glance. • Visual element picker — Click any page element directly to create custom outline rules. • CSS and XPath selectors — Adapt the TOC to websites with non-standard heading structures. • Per-site preferences — Save enable/disable state, selectors, and dock position for each website. • Dynamic content updates — Refreshes automatically as page content changes, including single-page applications. • Light and dark themes — Adapts automatically to your system theme. ★ Great For • API references and developer guides • Long-form articles, blogs, and news features • Online courses and step-by-step tutorials • Research articles and complex webpages • AI chatbot conversations • Websites that need custom outline rules ★ Privacy First All analysis happens locally in your browser. The extension never sends webpage content, browsing history, or personal information to any server. Open Source: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension