Outline Side (大纲侧栏)

About

Outline Side (大纲侧栏)
Generate an interactive Table of Contents in the side panel for any webpage with smart section selection.
在浏览器侧栏自动生成网页目录，支持一键跳转、智能章节选中及实时同步。

Outline Side is a powerful productivity extension designed for deep readers and developers. It transforms long articles, technical documentation, or AI-generated content into a clear, navigable outline. Located in the Chrome Side Panel, it stays accessible without overlapping your content, providing a seamless reading experience.

Enhanced AI Platform Support: Specifically optimized to support headings on platforms like Gemini, Google AI Studio, DeepSeek, and other major AI tools. When dealing with long-form AI responses, code explanations, or research reports, Outline Side helps you locate key information instantly.

Key Features:
📂 Side Panel Outline: Automatically extracts H1-H6 headings (including those rendered from Markdown) and displays them in a clear hierarchical tree.
🖱️ Click to Jump: Smoothly scroll to any section with a single click.
✨ Smart Selection: Double-click a heading to precisely select/highlight the entire section (intelligent boundary detection for tables, divs, and AI chat containers).
🔄 Auto-Sync: Real-time updates when the page title changes or when switching between tabs.
🚀 Minimalist & Fast: Lightweight design with no ads, running only when you need it.

Perfect For: Navigating Gemini/DeepSeek long responses, long-form articles, Wikipedia, GitHub READMEs, and technical blogs.

💡 Pro Tip for AI Workflows: Since platforms like Gemini and DeepSeek generate content in a "streaming" fashion, Outline Side is a game-changer. Our Real-time Sync and MutationObserver technology automatically detect new headings as the AI writes them. This means your table of contents "grows" dynamically along with the AI's response, allowing you to navigate complex code explanations or research papers while they are still being generated!

---

Outline Side (大纲侧栏)
在浏览器侧栏自动生成网页目录，支持一键跳转、智能章节选中及实时同步。

Outline Side 是一款为深度阅读者和开发者打造的生产力工具。它能将任何长文章、技术文档或 AI 回复内容提取为结构清晰的导航大纲，并常驻在 Chrome 侧边栏，不遮挡页面内容，让阅读井然有序。

支持 Gemini、Google AI Studio、DeepSeek 等平台的标题识别支持。当你面对 AI 生成的长篇代码说明或深度分析报告时，侧栏大纲能帮你瞬间锁定关键段落。

核心功能：
📂 侧栏大纲： 自动提取网页 H1-H6 标题（支持 Markdown 渲染出的标题样式），以树状缩进结构展示。
🖱️ 单击跳转： 点击目录项，页面平滑滚动至对应章节。
✨ 智能选中： 双击目录项，精准高亮选中该章节全文（智能识别表格、容器及 AI 对话框边界）。
🔄 实时同步： 自动感知网页标题变化与标签页切换，目录始终保持最新。
🚀 极简轻快： 仅在需要时运行，不占用多余内存，纯净无广告。

适用场景： 查阅 Gemini/DeepSeek 的深度回复、阅读长篇知乎专栏、维基百科、GitHub 文档或在线教程。

💡 小贴士：
针对 Gemini 和 DeepSeek 等流式输出内容的平台，Outline Side 是一个效率神器。我们的实时同步与 MutationObserver 技术能在大脑生成内容时自动捕获新标题。这意味着你的目录会随着 AI 的回复动态“生长”，让你在长篇代码解释或研究报告生成过程中即可实现即时导航！