Web TOC Assistant
Auto-generate TOC for any webpage with CSS selector support. Click icon to enable/disable per site.
As of June 2026, Web TOC Assistant has 25 users and a 4.00/5 rating from 1 reviews in the Productivity category.
Usersup 257.1 percent+257.1%
25
25
Ratingno change0%
4.00
1 reviews
Reviewsno change0%
1
Version
1.2.0
Manifest V3
90-day change · In the last 90 days this extension 3 version updates, changed permissions.
History
10 snapshotsTracking since Apr 7, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 7, 2026 | 7 | 4.00 | 1 | 0.6.3 |
| Apr 19, 2026 | 11 | 4.00 | 1 | 0.6.3 |
| Apr 24, 2026 | 14 | 4.00 | 1 | 0.6.3 |
| May 1, 2026 | 15 | 4.00 | 1 | 0.6.3 |
| May 8, 2026 | 14 | 4.00 | 1 | 0.6.3 |
| May 13, 2026 | 15 | 4.00 | 1 | 0.7.1 |
| May 19, 2026 | 16 | 4.00 | 1 | 0.7.1 |
| May 25, 2026 | 21 | 4.00 | 1 | 0.8.1 |
| Jun 1, 2026 | 20 | 4.00 | 1 | 0.8.1 |
| Jun 7, 2026 | 22 | 4.00 | 1 | 0.8.1 |
| Now | 25 | 4.00 | 1 | 1.2.0 |
Changelog
- Jun 7, 2026description
Web TOC Assistant is a browser extension that automatically generates a floating table of contents for any webpage. It helps you quickly navigate long articles, technical documentation, tutorials, forum posts, online courses, and other complex web pages. MAIN FEATURES • Automatic Table of Contents Generation Automatically detects h1-h6 headings on a webpage and creates a clear hierarchical outline. • Quick Page Navigation Click any TOC item to smoothly scroll to the corresponding section, making long pages easier to browse. • Active Section Highlighting The TOC automatically highlights the section you are currently reading, helping you understand where you are in the page structure. • Custom Selector Support When a webpage does not use standard heading tags, you can define custom CSS or XPath selectors to generate a more accurate TOC. • Visual Element Selection Use the element picker to select content directly on the page and quickly create custom TOC rules. • Per-site Configuration Save different TOC rules and enablement settings for different websites. • Light and Dark Mode Support The interface adapts to your browser or system theme for a more comfortable reading experience. USE CASES • Technical documentation: Quickly jump to specific APIs, sections, or examples • Long-form articles: Navigate content without endless scrolling • Online tutorials: Follow structured steps more easily • Research papers: Understand and browse the article structure faster • Forum posts: Locate important sections in long discussions • Complex webpages: Turn long pages into navigable documents HOW TO USE 1. Install the extension and open any webpage. 2. Click the Web TOC Assistant icon in the browser toolbar to enable it. 3. A floating TOC button will appear on the page. 4. Click the TOC button to open the table of contents panel. 5. Click any TOC item to jump to the corresponding section. 6. If the TOC is not accurate, use the element picker or custom selector settings to adjust the rules. PERMISSIONS AND PRIVACY Web TOC Assistant only analyzes the structure of the current webpage locally in your browser to generate the table of contents. • storage: Used to save your site settings and interface position preferences • tabs: Used to support enabling or disabling the extension for specific websites • scripting: Used to inject the TOC feature into enabled webpages • alarms: Used to support stable background tasks All settings are stored locally in your browser. The extension does not send your webpage content, browsing data, or personal information to any server. OPEN SOURCE Web TOC Assistant is an open-source browser extension. You can view the source code, submit feedback, or contribute to the project on GitHub. GitHub: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension
Web TOC Assistant — Generate an Interactive Outline for Long Webpages Web TOC Assistant is a lightweight browser extension that analyzes the current page locally and creates an interactive table of contents for long articles, technical documentation, tutorials, and complex webpages. It helps you understand page structure and jump to the section you need. ★ New 1.x Interface Version 1.x uses the modern Edge Dock by default: • Live outline preview — The collapsed dock shows nearby heading bars. Deeper headings use shorter, indented bars. • Active section highlight — As you scroll, both the collapsed preview and expanded TOC track your current reading position. • Hover-to-expand TOC — On desktop, hover over the outline bars to open a lightweight TOC card inward from the page edge. Move away to collapse it automatically. • Direct collapsed navigation — Click an outline bar to jump to a section without opening the full card. • Touch support — On touch devices, tap the TOC area to temporarily toggle the expanded card. • Left or right edge — Move the dock between page edges and remember its position for each website. ★ Quick Settings Hover over the circular settings icon to open the quick menu: • Refresh TOC • Pick Element • Site Config • Move to the opposite edge • Switch to classic mode ★ Classic Mode Prefer the original interaction? Switch back to classic mode. It keeps the blue "TOC" floating badge and the freely draggable TOC panel. The UI-mode preference is global and synchronizes across open tabs. ★ Key Features • Automatic TOC generation — Detects standard h1-h6 headings by default. • Fast smooth navigation — Click any TOC item to scroll to the matching section. • Visual element picker — Click page elements directly to create custom outline rules. • CSS and XPath selectors — Adapt the TOC to websites with non-standard heading structures. • Per-site preferences — Save enablement, selectors, and interface positions for each website. • Dynamic content updates — Refreshes the TOC 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 • Websites that need custom outline rules ★ Privacy and Permissions Web TOC Assistant analyzes webpage structure locally in your browser. • storage — Save site settings and interface preferences • tabs — Enable or disable the extension per website • scripting — Inject the TOC feature into enabled webpages The extension does not send webpage content, browsing history, or personal information to any server. Open Source: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension
- Jun 7, 2026permissions
storage, tabs, scripting, alarms
storage, tabs, scripting
- May 19, 2026description
# Web TOC Assistant - Automatically Generate Table of Contents for Any Webpage ## What is Web TOC Assistant? Web TOC Assistant is a browser extension that automatically generates a floating, interactive table of contents (TOC) for any webpage you visit. It transforms long, scrolling pages into easily navigable documents with just one click. ## Why Install Web TOC Assistant? ### 📚 Perfect for Long-Form Content Stop scrolling endlessly through long articles, technical documentation, tutorials, and blog posts. Web TOC Assistant automatically detects headings (h1-h6) and creates a navigation panel that lets you jump to any section instantly. ### 🎯 Works on Any Website Unlike some TOC tools that only work on specific platforms, Web TOC Assistant works everywhere: - **Technical Documentation** - API docs, programming guides, tutorials - **Blog Articles** - Medium, personal blogs, news sites - **Forum Posts** - Reddit, Stack Overflow, community forums - **Research Papers** - Academic articles, PDFs converted to HTML - **Online Courses** - Step-by-step tutorials, learning platforms ### ⚙️ Highly Customizable Every website is different. Web TOC Assistant adapts to your needs: - **Custom Selectors** - Use CSS or XPath selectors to target specific elements - **Visual Element Picker** - Simply click on any element to create a custom selector - **Per-Site Control** - Enable/disable the extension for individual websites - **Position Memory** - Drag the floating button anywhere; it remembers your preference ### 🌙 Dark Mode Support Automatically adapts to your browser's theme: - **Light Theme** - Clean white background with dark text - **Dark Theme** - Easy on the eyes with dark background and light text - **Automatic Detection** - Seamlessly switches based on your system preferences ### 🌐 Fully Internationalized - **English** - Full support for English-speaking users - **中文** - Complete Chinese support - **Auto-detection** - Automatically switches to your browser's language (defaults to English) ## Key Features ### Automatic TOC Generation - **Automatic Header Detection** - Recognizes standard HTML headings (h1-h6) by default - **Enhanced Visibility Detection** - Advanced filtering using computed styles, bounding rects, and parent clipping checks - **Content Filtering** - Skips hidden elements, zero-size elements, and overflow-clipped content - **Real-time Updates** - Automatically rebuilds TOC when page content changes (incremental updates for efficiency) - **Debounced Scanning** - Dynamic debounce (500ms–1000ms) adapts to page activity level ### Visual Element Picker - **Hover Highlighting** - See exactly what you're selecting in real-time - **One-Click Selector Generation** - Automatically creates CSS selectors - **Site Configuration Saving** - Save selectors as per-site preferences - **Individual Selector Management** - Delete selectors one at a time with hover-to-show delete button ### Flexible UI - **Floating Panel** - Expandable TOC panel with left/right side positioning - **Draggable Panel Header** - Drag the panel header to reposition; position automatically saved - **Draggable TOC Button** - Collapsed "TOC" button that you can position anywhere (supports mouse, touch, and stylus) - **Position Memory & Sync** - Remembers button and panel position per domain; positions synchronize when collapsing/expanding - **Smooth Animations** - Fluid panel expand/collapse transitions for better user experience - **Smooth Scrolling** - Click any TOC item to smoothly scroll to that section - **Theme-Aware Design** - Adapts to light/dark mode automatically - **Fixed Width Dialogs** - All dialogs maintain consistent 280px width with text ellipsis - **Dialog Mutual Exclusion** - Only one dialog shown at a time for cleaner UI ### Auto Navigation - **Current Position Highlighting** - Automatically highlights your current reading location - **Navigation Locking** - Prevents jumping when you manually click TOC items - **Navigation Lock Failsafe** - Auto-unlocks after timeout if stuck (prevents lock from getting stuck) - **Active Item Recovery** - Restores highlight state after page changes - **Anti-Jump Mechanism** - Prevents page jumping during auto-refresh and rebuilds ### Advanced Features - **Animation Frame Management** - Properly schedules and cleans up animation frame callbacks - **Storage Quota Handling** - Auto-manages storage quota with user confirmation prompts - **Config Mutation Retry** - Retries failed configuration changes with verification - **Serialized Storage Writes** - Prevents data corruption from concurrent writes - **Write-Ahead Intent Log** - Protects against data loss during MV3 service worker hibernation - **Rebuild Circuit Breaker** - Prevents infinite rebuild loops on problematic pages - **Enhanced Error Handling** - Improved error handling and recovery mechanisms throughout - **Optimized Icon Updates** - Queued icon updates prevent flickering on rapid state changes ## How It Works ### Basic Usage 1. **Install** the extension from the Edge/Chrome Web Store 2. **Visit any webpage** - The floating "TOC" button appears 3. **Click the button** to expand the TOC panel 4. **Navigate** - Click any heading to jump to that section ### Advanced Usage 1. **Per-Site Control** - Click the extension icon to enable/disable for specific sites 2. **Custom Selectors** - If the default TOC isn't accurate: - Click "Pick Element" - Hover over elements on the page - Click to select the element you want to track - Save as a site configuration 3. **Manage Selectors** - In site configuration dialog: - View all saved selectors for current site - Hover over any selector to reveal delete button - Click ✕ to remove individual selectors 4. **Reposition UI** - Drag the TOC button or panel header to any position; positions are saved and synchronized ### Theme Switching The extension automatically detects your browser's theme setting: - **Light Mode**: White background with dark text - **Dark Mode**: Dark gray background with light text for comfortable viewing No manual configuration required - it just works! ## Use Cases | Scenario | Before | After | |----------|--------|-------| | **Reading API Docs** | Scroll through 50+ sections | Click to jump instantly | | **Long Blog Posts** | Lose your place while skimming | See structure, jump anywhere | | **Research Papers** | Manually search for sections | TOC shows all sections | | **Online Tutorials** | Scroll back to find previous steps | Navigate step-by-step easily | | **Forum Threads** | Hunt for specific discussions | Jump to relevant comments | | **Night Reading** | Eye strain from bright white backgrounds | Dark mode protects your eyes | ## What's New ### v0.7.0 (May 2026) - **Touch & Stylus Drag Support** - Drag the TOC button and panel with touch or stylus on tablets and touchscreen devices - **Incremental TOC Updates** - Rebuilds now update only changed items instead of re-rendering the entire panel - **Better SPA Support** - MutationObserver now starts unconditionally for seamless single-page application navigation - **Context Invalidation Recovery** - Shows a clickable "Refresh Page" link when the extension updates in the background - **Data Safety** - Serialized storage writes and write-ahead intent logging protect against data loss - **Performance** - Batch layout reads, in-memory caches, and per-selector match limits reduce page freeze risk For full version history, visit: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension/blob/main/CHANGELOG.md --- ## Permissions & Privacy - **storage** - Saves your site configurations and preferences locally - **tabs** - Enables per-site enable/disable functionality - **scripting** - Dynamically injects content scripts into enabled pages - **alarms** - Reliable background scheduled tasks that survive service worker hibernation **No data is sent to any server.** All configurations are stored locally in your browser. ## Install Now Ready to transform your browsing experience? Install Web TOC Assistant and start navigating the web more efficiently. --- **Note**: This is a lightweight, open-source extension. Source code available on https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension . Contributions welcome!
Web TOC Assistant is a browser extension that automatically generates a floating table of contents for any webpage. It helps you quickly navigate long articles, technical documentation, tutorials, forum posts, online courses, and other complex web pages. MAIN FEATURES • Automatic Table of Contents Generation Automatically detects h1-h6 headings on a webpage and creates a clear hierarchical outline. • Quick Page Navigation Click any TOC item to smoothly scroll to the corresponding section, making long pages easier to browse. • Active Section Highlighting The TOC automatically highlights the section you are currently reading, helping you understand where you are in the page structure. • Custom Selector Support When a webpage does not use standard heading tags, you can define custom CSS or XPath selectors to generate a more accurate TOC. • Visual Element Selection Use the element picker to select content directly on the page and quickly create custom TOC rules. • Per-site Configuration Save different TOC rules and enablement settings for different websites. • Light and Dark Mode Support The interface adapts to your browser or system theme for a more comfortable reading experience. USE CASES • Technical documentation: Quickly jump to specific APIs, sections, or examples • Long-form articles: Navigate content without endless scrolling • Online tutorials: Follow structured steps more easily • Research papers: Understand and browse the article structure faster • Forum posts: Locate important sections in long discussions • Complex webpages: Turn long pages into navigable documents HOW TO USE 1. Install the extension and open any webpage. 2. Click the Web TOC Assistant icon in the browser toolbar to enable it. 3. A floating TOC button will appear on the page. 4. Click the TOC button to open the table of contents panel. 5. Click any TOC item to jump to the corresponding section. 6. If the TOC is not accurate, use the element picker or custom selector settings to adjust the rules. PERMISSIONS AND PRIVACY Web TOC Assistant only analyzes the structure of the current webpage locally in your browser to generate the table of contents. • storage: Used to save your site settings and interface position preferences • tabs: Used to support enabling or disabling the extension for specific websites • scripting: Used to inject the TOC feature into enabled webpages • alarms: Used to support stable background tasks All settings are stored locally in your browser. The extension does not send your webpage content, browsing data, or personal information to any server. OPEN SOURCE Web TOC Assistant is an open-source browser extension. You can view the source code, submit feedback, or contribute to the project on GitHub. GitHub: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension
- May 8, 2026description
# Web TOC Assistant - Automatically Generate Table of Contents for Any Webpage ## What is Web TOC Assistant? Web TOC Assistant is a browser extension that automatically generates a floating, interactive table of contents (TOC) for any webpage you visit. It transforms long, scrolling pages into easily navigable documents with just one click. ## Why Install Web TOC Assistant? ### 📚 Perfect for Long-Form Content Stop scrolling endlessly through long articles, technical documentation, tutorials, and blog posts. Web TOC Assistant automatically detects headings (h1-h6) and creates a navigation panel that lets you jump to any section instantly. ### 🎯 Works on Any Website Unlike some TOC tools that only work on specific platforms, Web TOC Assistant works everywhere: - **Technical Documentation** - API docs, programming guides, tutorials - **Blog Articles** - Medium, personal blogs, news sites - **Forum Posts** - Reddit, Stack Overflow, community forums - **Research Papers** - Academic articles, PDFs converted to HTML - **Online Courses** - Step-by-step tutorials, learning platforms ### ⚙️ Highly Customizable Every website is different. Web TOC Assistant adapts to your needs: - **Custom Selectors** - Use CSS or XPath selectors to target specific elements - **Visual Element Picker** - Simply click on any element to create a custom selector - **Per-Site Control** - Enable/disable the extension for individual websites - **Position Memory** - Drag the floating button anywhere; it remembers your preference ### 🌙 Dark Mode Support Automatically adapts to your browser's theme: - **Light Theme** - Clean white background with dark text - **Dark Theme** - Easy on the eyes with dark background and light text - **Automatic Detection** - Seamlessly switches based on your system preferences ### 🌐 Fully Internationalized - **English** - Full support for English-speaking users - **中文** - Complete Chinese support - **Auto-detection** - Automatically switches to your browser's language (defaults to English) ## Key Features ### Automatic TOC Generation - **Automatic Header Detection** - Recognizes standard HTML headings (h1-h6) by default - **Enhanced Visibility Detection** - Advanced filtering using computed styles, bounding rects, and parent clipping checks - **Content Filtering** - Skips hidden elements, zero-size elements, and overflow-clipped content - **Real-time Updates** - Automatically rebuilds TOC when page content changes - **Debounced Scanning** - 500ms debounce prevents excessive updates ### Visual Element Picker - **Hover Highlighting** - See exactly what you're selecting in real-time - **One-Click Selector Generation** - Automatically creates CSS selectors - **Site Configuration Saving** - Save selectors as per-site preferences - **Individual Selector Management** - Delete selectors one at a time with hover-to-show delete button ### Flexible UI - **Floating Panel** - Expandable TOC panel with left/right side positioning - **Draggable Panel Header** - Drag the panel header to reposition; position automatically saved - **Draggable TOC Button** - Collapsed "TOC" button that you can position anywhere - **Position Memory & Sync** - Remembers button and panel position per domain; positions synchronize when collapsing/expanding - **Smooth Animations** - Fluid panel expand/collapse transitions for better user experience - **Smooth Scrolling** - Click any TOC item to smoothly scroll to that section - **Theme-Aware Design** - Adapts to light/dark mode automatically - **Fixed Width Dialogs** - All dialogs maintain consistent 280px width with text ellipsis - **Dialog Mutual Exclusion** - Only one dialog shown at a time for cleaner UI ### Auto Navigation - **Current Position Highlighting** - Automatically highlights your current reading location - **Navigation Locking** - Prevents jumping when you manually click TOC items - **Active Item Recovery** - Restores highlight state after page changes ## How It Works ### Basic Usage 1. **Install** the extension from the Edge/Chrome Web Store 2. **Visit any webpage** - The floating "TOC" button appears 3. **Click the button** to expand the TOC panel 4. **Navigate** - Click any heading to jump to that section ### Advanced Usage 1. **Per-Site Control** - Click the extension icon to enable/disable for specific sites 2. **Custom Selectors** - If the default TOC isn't accurate: - Click "Pick Element" - Hover over elements on the page - Click to select the element you want to track - Save as a site configuration 3. **Manage Selectors** - In site configuration dialog: - View all saved selectors for current site - Hover over any selector to reveal delete button - Click ✕ to remove individual selectors 4. **Reposition UI** - Drag the TOC button or panel header to any position; positions are saved and synchronized ### Theme Switching The extension automatically detects your browser's theme setting: - **Light Mode**: White background with dark text - **Dark Mode**: Dark gray background with light text for comfortable viewing No manual configuration required - it just works! ## Use Cases | Scenario | Before | After | |----------|--------|-------| | **Reading API Docs** | Scroll through 50+ sections | Click to jump instantly | | **Long Blog Posts** | Lose your place while skimming | See structure, jump anywhere | | **Research Papers** | Manually search for sections | TOC shows all sections | | **Online Tutorials** | Scroll back to find previous steps | Navigate step-by-step easily | | **Forum Threads** | Hunt for specific discussions | Jump to relevant comments | | **Night Reading** | Eye strain from bright white backgrounds | Dark mode protects your eyes | ## What's New ### Latest Version For detailed version history and updates, please visit: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension/blob/main/CHANGELOG.md --- ## Permissions & Privacy - **storage** - Saves your site configurations and preferences locally - **tabs** - Enables per-site enable/disable functionality **No data is sent to any server.** All configurations are stored locally in your browser. ## Install Now Ready to transform your browsing experience? Install Web TOC Assistant and start navigating the web more efficiently. --- **Note**: This is a lightweight, open-source extension. Source code available on https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension . Contributions welcome!
# Web TOC Assistant - Automatically Generate Table of Contents for Any Webpage ## What is Web TOC Assistant? Web TOC Assistant is a browser extension that automatically generates a floating, interactive table of contents (TOC) for any webpage you visit. It transforms long, scrolling pages into easily navigable documents with just one click. ## Why Install Web TOC Assistant? ### 📚 Perfect for Long-Form Content Stop scrolling endlessly through long articles, technical documentation, tutorials, and blog posts. Web TOC Assistant automatically detects headings (h1-h6) and creates a navigation panel that lets you jump to any section instantly. ### 🎯 Works on Any Website Unlike some TOC tools that only work on specific platforms, Web TOC Assistant works everywhere: - **Technical Documentation** - API docs, programming guides, tutorials - **Blog Articles** - Medium, personal blogs, news sites - **Forum Posts** - Reddit, Stack Overflow, community forums - **Research Papers** - Academic articles, PDFs converted to HTML - **Online Courses** - Step-by-step tutorials, learning platforms ### ⚙️ Highly Customizable Every website is different. Web TOC Assistant adapts to your needs: - **Custom Selectors** - Use CSS or XPath selectors to target specific elements - **Visual Element Picker** - Simply click on any element to create a custom selector - **Per-Site Control** - Enable/disable the extension for individual websites - **Position Memory** - Drag the floating button anywhere; it remembers your preference ### 🌙 Dark Mode Support Automatically adapts to your browser's theme: - **Light Theme** - Clean white background with dark text - **Dark Theme** - Easy on the eyes with dark background and light text - **Automatic Detection** - Seamlessly switches based on your system preferences ### 🌐 Fully Internationalized - **English** - Full support for English-speaking users - **中文** - Complete Chinese support - **Auto-detection** - Automatically switches to your browser's language (defaults to English) ## Key Features ### Automatic TOC Generation - **Automatic Header Detection** - Recognizes standard HTML headings (h1-h6) by default - **Enhanced Visibility Detection** - Advanced filtering using computed styles, bounding rects, and parent clipping checks - **Content Filtering** - Skips hidden elements, zero-size elements, and overflow-clipped content - **Real-time Updates** - Automatically rebuilds TOC when page content changes (incremental updates for efficiency) - **Debounced Scanning** - Dynamic debounce (500ms–1000ms) adapts to page activity level ### Visual Element Picker - **Hover Highlighting** - See exactly what you're selecting in real-time - **One-Click Selector Generation** - Automatically creates CSS selectors - **Site Configuration Saving** - Save selectors as per-site preferences - **Individual Selector Management** - Delete selectors one at a time with hover-to-show delete button ### Flexible UI - **Floating Panel** - Expandable TOC panel with left/right side positioning - **Draggable Panel Header** - Drag the panel header to reposition; position automatically saved - **Draggable TOC Button** - Collapsed "TOC" button that you can position anywhere (supports mouse, touch, and stylus) - **Position Memory & Sync** - Remembers button and panel position per domain; positions synchronize when collapsing/expanding - **Smooth Animations** - Fluid panel expand/collapse transitions for better user experience - **Smooth Scrolling** - Click any TOC item to smoothly scroll to that section - **Theme-Aware Design** - Adapts to light/dark mode automatically - **Fixed Width Dialogs** - All dialogs maintain consistent 280px width with text ellipsis - **Dialog Mutual Exclusion** - Only one dialog shown at a time for cleaner UI ### Auto Navigation - **Current Position Highlighting** - Automatically highlights your current reading location - **Navigation Locking** - Prevents jumping when you manually click TOC items - **Navigation Lock Failsafe** - Auto-unlocks after timeout if stuck (prevents lock from getting stuck) - **Active Item Recovery** - Restores highlight state after page changes - **Anti-Jump Mechanism** - Prevents page jumping during auto-refresh and rebuilds ### Advanced Features - **Animation Frame Management** - Properly schedules and cleans up animation frame callbacks - **Storage Quota Handling** - Auto-manages storage quota with user confirmation prompts - **Config Mutation Retry** - Retries failed configuration changes with verification - **Serialized Storage Writes** - Prevents data corruption from concurrent writes - **Write-Ahead Intent Log** - Protects against data loss during MV3 service worker hibernation - **Rebuild Circuit Breaker** - Prevents infinite rebuild loops on problematic pages - **Enhanced Error Handling** - Improved error handling and recovery mechanisms throughout - **Optimized Icon Updates** - Queued icon updates prevent flickering on rapid state changes ## How It Works ### Basic Usage 1. **Install** the extension from the Edge/Chrome Web Store 2. **Visit any webpage** - The floating "TOC" button appears 3. **Click the button** to expand the TOC panel 4. **Navigate** - Click any heading to jump to that section ### Advanced Usage 1. **Per-Site Control** - Click the extension icon to enable/disable for specific sites 2. **Custom Selectors** - If the default TOC isn't accurate: - Click "Pick Element" - Hover over elements on the page - Click to select the element you want to track - Save as a site configuration 3. **Manage Selectors** - In site configuration dialog: - View all saved selectors for current site - Hover over any selector to reveal delete button - Click ✕ to remove individual selectors 4. **Reposition UI** - Drag the TOC button or panel header to any position; positions are saved and synchronized ### Theme Switching The extension automatically detects your browser's theme setting: - **Light Mode**: White background with dark text - **Dark Mode**: Dark gray background with light text for comfortable viewing No manual configuration required - it just works! ## Use Cases | Scenario | Before | After | |----------|--------|-------| | **Reading API Docs** | Scroll through 50+ sections | Click to jump instantly | | **Long Blog Posts** | Lose your place while skimming | See structure, jump anywhere | | **Research Papers** | Manually search for sections | TOC shows all sections | | **Online Tutorials** | Scroll back to find previous steps | Navigate step-by-step easily | | **Forum Threads** | Hunt for specific discussions | Jump to relevant comments | | **Night Reading** | Eye strain from bright white backgrounds | Dark mode protects your eyes | ## What's New ### v0.7.0 (May 2026) - **Touch & Stylus Drag Support** - Drag the TOC button and panel with touch or stylus on tablets and touchscreen devices - **Incremental TOC Updates** - Rebuilds now update only changed items instead of re-rendering the entire panel - **Better SPA Support** - MutationObserver now starts unconditionally for seamless single-page application navigation - **Context Invalidation Recovery** - Shows a clickable "Refresh Page" link when the extension updates in the background - **Data Safety** - Serialized storage writes and write-ahead intent logging protect against data loss - **Performance** - Batch layout reads, in-memory caches, and per-selector match limits reduce page freeze risk For full version history, visit: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension/blob/main/CHANGELOG.md --- ## Permissions & Privacy - **storage** - Saves your site configurations and preferences locally - **tabs** - Enables per-site enable/disable functionality - **scripting** - Dynamically injects content scripts into enabled pages - **alarms** - Reliable background scheduled tasks that survive service worker hibernation **No data is sent to any server.** All configurations are stored locally in your browser. ## Install Now Ready to transform your browsing experience? Install Web TOC Assistant and start navigating the web more efficiently. --- **Note**: This is a lightweight, open-source extension. Source code available on https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension . Contributions welcome!
- May 8, 2026permissions
storage, tabs, scripting
storage, tabs, scripting, alarms
Permissions & access
- Permissions
- storagetabsscripting
- Host access
- http://*/*, https://*/*
Screenshots
About
Web TOC Assistant — Generate an Interactive Outline for Long Webpages Web TOC Assistant is a lightweight browser extension that analyzes the current page locally and creates an interactive table of contents for long articles, technical documentation, tutorials, and complex webpages. It helps you understand page structure and jump to the section you need. ★ New 1.x Interface Version 1.x uses the modern Edge Dock by default: • Live outline preview — The collapsed dock shows nearby heading bars. Deeper headings use shorter, indented bars. • Active section highlight — As you scroll, both the collapsed preview and expanded TOC track your current reading position. • Hover-to-expand TOC — On desktop, hover over the outline bars to open a lightweight TOC card inward from the page edge. Move away to collapse it automatically. • Direct collapsed navigation — Click an outline bar to jump to a section without opening the full card. • Touch support — On touch devices, tap the TOC area to temporarily toggle the expanded card. • Left or right edge — Move the dock between page edges and remember its position for each website. ★ Quick Settings Hover over the circular settings icon to open the quick menu: • Refresh TOC • Pick Element • Site Config • Move to the opposite edge • Switch to classic mode ★ Classic Mode Prefer the original interaction? Switch back to classic mode. It keeps the blue "TOC" floating badge and the freely draggable TOC panel. The UI-mode preference is global and synchronizes across open tabs. ★ Key Features • Automatic TOC generation — Detects standard h1-h6 headings by default. • Fast smooth navigation — Click any TOC item to scroll to the matching section. • Visual element picker — Click page elements directly to create custom outline rules. • CSS and XPath selectors — Adapt the TOC to websites with non-standard heading structures. • Per-site preferences — Save enablement, selectors, and interface positions for each website. • Dynamic content updates — Refreshes the TOC 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 • Websites that need custom outline rules ★ Privacy and Permissions Web TOC Assistant analyzes webpage structure locally in your browser. • storage — Save site settings and interface preferences • tabs — Enable or disable the extension per website • scripting — Inject the TOC feature into enabled webpages The extension does not send webpage content, browsing history, or personal information to any server. Open Source: https://github.com/BingqiangZhou/WebContentOutline-BrowserExtension
Technical
- Version
- 1.2.0
- Manifest
- V3
- Size
- 48.98KiB
- Min Chrome
- 88
- Languages
- 2
- Featured
- No
Metadata
- ID
- fnicpbioofepnfgpdhggjmhjalogbgcn
- Developer ID
- ua6e56f193836f61fd365e419c3ceb116
- Developer Email
- [email protected]
- Created
- Jan 19, 2026
- Last Updated (Store)
- Jun 5, 2026
- Last Scraped
- Jun 7, 2026
- Website
- —
Similar extensions
Alternatives to Web TOC Assistant, ranked by description similarity.
QuickTOC
Generate a draggable table of contents for web pages
8
Simple ToC
Generates a table of contents for any webpage with advanced customization options.
11
★ 1.0
Easy Table of Contents
Web sayfalarındaki başlıkları otomatik olarak tespit edip içindekiler tablosu oluşturan Chrome eklentisi.
22
★ 5.0
Mokuji
Create a scrollable table of contents from the headings of the site you are viewing.
15
★ 5.0
Smart TOC Sidebar
Auto-generates a table of contents sidebar with smooth navigation.
8
Page TOC
Generate an interactive table of contents for web pages to quickly navigate content.
37
Auto Scroll Controller
Smooth auto-scroll with speed, direction, hover pause, and page-end stop.
67
★ 5.0
Web à la Carte
Your web, your rules. Customize any website with split-screen viewing, smart search, element removal, and privacy protection.
35
★ 5.0
Data sourced from the Chrome Web Store · last verified Jun 7, 2026.