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. Click the toolbar icon once on a site you care about, and Web TOC Assistant analyzes its heading structure and generates an interactive outline that tracks your reading position, letting you jump to any section instantly. The outline only appears on sites you enable — other pages are never touched. ★ 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 every page you enable. • 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 — Pick an element visually or type a selector by hand, adapting the TOC to websites with non-standard heading structures. • Opt-in per site — Off by default; one click on the toolbar icon turns it on for the current site, and selectors and dock position are saved separately per website. • Options page — Review and manage every site's activation state and selector configs in one place. • Dynamic content updates — Refreshes automatically as page content changes, covering single-page applications, streaming responses, and continuously loading pages; stays reliable alongside translation and reader extensions. • 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