ai-chat-outline
▎ Adds a sidebar table of contents to ChatGPT, Gemini and Claude. Jump to any previous prompt in long conversations, filter by keyword, and return to top or bottom instantly. Auto-highlights your current position. Optimized for very long chats.
▎ 为 ChatGPT、Gemini、Claude 网页版生成侧边目录，长对话中可快速跳转到任意历史提问，支持关键词过滤、一键回顶/到底，并自动高亮当前阅读位置。针对超长对话做了性能优化。
面板:
侧边气泡:
功能
- 自动提取用户问题并生成侧边目录
- 点击目录快速跳转到对应位置
- 支持目录搜索过滤
- 支持一键回到顶部、直达底部
- 页面滚动时自动高亮当前条目
- 目录会跟随当前阅读位置自动滚回到对应条目
- 支持纯图片消息生成目录项，避免图片提问丢失
- 针对长对话与大 DOM 场景做了扫描与滚动性能优化
最新版本
v2.8.8
- 修复 ChatGPT 新发送的提问不能立即出现在目录中的问题。
- 接口分支尚未更新时，临时追加当前 DOM 中已确认位于分支末尾的新提问，并自动刷新完整会话分支。
- 暂停后编辑重发时，已从页面移除的临时提问会同步从目录清除。
v2.8.7
- 修复 ChatGPT 新版页面首次打开长对话时，目录只显示当前位置附近条目的问题。
- 使用当前登录身份读取完整会话树，并兼容会话数据的新包装结构。
- 区分接口错误与解析失败，避免 404 响应被误判为空会话。
- 局部虚拟列表不再被误认为完整槽位列表；滚动高亮按真实消息 ID 和当前分支映射。
- 点击未挂载条目时快速定位其虚拟区间，只有挂载并校验目标消息 ID 后才完成跳转。
适用平台
- ChatGPT Web
- Gemini Web
- Claude Web
技术栈
- Vanilla JavaScript
- CSS3
- SVG
- Tampermonkey UserScript
安装
先安装浏览器扩展 Tampermonkey。
然后通过 Greasy Fork 安装脚本：
安装 ai-chat-outline
使用方式
安装完成后，打开 ChatGPT、Gemini 或 Claude 页面即可自动生效。
- 右侧会出现目录面板
- 点击目录项可跳转到对应问题
- 输入关键字可过滤目录内容
- 使用顶部和底部按钮可快速导航
开发
克隆仓库：
git clone https://github.com/W-ArcherEmiya/ai-chat-outline.git
核心脚本文件：
ai-chat-outline.js
本地性能回归页：
stress-test.html
本地调试时，可将脚本内容导入 Tampermonkey 后直接在目标网页验证。
反馈
如果这个脚本对你有帮助，欢迎在 GitHub 点一个 Star。
如发现 Bug 或希望增加功能，欢迎提交 Issue 或 PR：
License
MIT
