Chrome 扩展程序 · 免费开源 · v2.0

给 Claude 加一条
对话导航

长对话再也不迷路。侧边栏实时索引你的每一个提问,一键跳转;选取精彩对话,一键生成可分享链接。

立即下载 了解功能 →
向下滚动
0kb
额外存储占用
5
核心功能
对话长度不限
0
数据追踪
// 功能特性

每一个细节,
都为长对话而生

01 / 05

提问导航索引

打开侧边栏,所有提问按顺序列出,编号清晰。无论对话有多长,哪条问了什么,一目了然。MutationObserver 自动监听新消息,实时更新。

自动抓取实时更新
claude.ai/chat/…
Transformer 的自注意力是什么?
14:02
自注意力让每个 token 与序列中所有其他 token 计算相关性……
帮我写 Python 读取 CSV 的代码
14:15
import pandas as pd
df = pd.read_csv('file.csv')
如何处理缺失值?
14:31
可以用 dropna() 删除或 fillna() 填充……
对话导航0 条
Q01
Transformer 自注意…
Q02
Python 读取 CSV…
Q03
如何处理缺失值?
02 / 05

点击即跳转

在导航栏点击任意一条提问,对话页面立即平滑滚动到对应位置,柔和边框高亮标记目标。同时,随着你在对话中滚动,导航栏的高亮也会自动跟随。

平滑滚动无闪烁高亮双向联动
claude.ai/chat/…
Q01 · Transformer 自注意力是什么?
14:02
自注意力让每个 token 与序列中所有 token 计算相关性……
Q02 · 位置编码为何重要?
14:15
Transformer 本身不感知顺序,位置编码注入序列信息……
Q03 · 帮我写 CSV 读取代码
14:28
import pandas as pd
df = pd.read_csv('data.csv')
— 当前位置 —
Q04 · 如何处理缺失值?
14:41
可用 dropna() 删除或 fillna() 填充……
Q05 · 过拟合如何解决?
14:55
对话导航5 条
Q01
Transformer 自注意…
Q02
位置编码为何重要…
Q03
CSV 读取代码…
Q04
如何处理缺失值…
Q05
过拟合如何解决…
03 / 05

关键词搜索过滤

在搜索框输入关键词,导航栏实时过滤,只显示包含该词的提问。无结果时提示"没有找到相关提问",清除后自动恢复全部。

实时过滤空结果提示一键清除
claude.ai/chat/…
Q01 · Transformer 自注意力…
自注意力机制让每个 token……
Q02 · 帮我写 Python 代码
import pandas as pd…
Q03 · 如何处理缺失值?
对话导航3 条
Q01
Transformer…
Q02
Python 代码…
Q03
处理缺失值…
04 / 05

选取对话一键分享

点击分享图标进入选择模式,在导航栏勾选要分享的轮次(支持全选),选择链接有效期,生成链接自动复制到剪贴板。分享页面包含完整的提问和 Claude 回答,代码块、列表、链接格式完整保留。

勾选式选取可设过期时间自动复制链接格式完整保留
claude.ai/chat/…
Transformer 自注意力是什么?
自注意力让每个 token 与所有 token 计算相关性……
帮我写 Python 读取 CSV
import pandas as pd
df = pd.read_csv('f.csv')
分享模式已选 2 轮
勾选要分享的轮次
Q01
Transformer 自注…
Q02
Python CSV 代码…
05 / 05

精美分享页面

朋友打开链接,看到与 Claude.ai 风格一致的米白暖色对话页面。提问右对齐气泡,回答完整呈现,代码块带语言标签和等宽字体,链接可点击。无需登录,中国大陆可直接访问。

Claude 配色风格代码块格式链接可点击大陆可访问
share.example.com/s/a3f9xz
Transformer 自注意力是什么?
分享于 2026/3/16 · 7天后失效
Transformer 的自注意力是什么?
Claude
自注意力(Self-Attention)让序列中每个位置都能关注到所有其他位置,从而捕获长距离依赖关系。
帮我写 Python 读取 CSV 的代码
Claude
python
import pandas as pd
df = pd.read_csv('data.csv')
print(df.head())
// 安装插件

三分钟完成安装

01

下载插件包

点击下方按钮下载 claude-conversation-nav.zip 并解压到本地文件夹。

02

打开 Chrome 扩展页面

地址栏输入 chrome://extensions,右上角开启「开发者模式」

03

加载扩展

点击「加载已解压的扩展程序」,选择刚才解压的文件夹,完成。

04

打开 Claude,点击右侧按钮

访问 claude.ai,页面右侧中间出现小按钮,点击展开对话导航。

💡

无痕模式也能用

进入扩展详情页,开启「在无痕模式下允许」即可。

// 分享功能配置

自建分享服务
数据完全属于你

分享功能需要你部署一个 Cloudflare Worker 作为后端,用于存储和渲染分享的对话。Cloudflare 免费套餐完全够用(每天10万次请求)。整个过程约 10 分钟。

1
登录 Cloudflare

进入 dash.cloudflare.com → Workers & Pages → KV → Create namespace,名称填 CLAUDE_SHARES

1
创建 Worker

Workers & Pages → Create → Worker,名称填 claude-share,点击 Deploy。

2
替换代码

进入 Worker → Edit Code,全选删除,粘贴下方代码,点击 Deploy。

3
修改密钥

将代码第三行 AUTH_TOKEN 的值改成你自己的密钥,记住这个值,后面配置插件时要用。

4
绑定 KV

Worker → Settings → Bindings → Add → KV namespace,变量名填 CLAUDE_SHARES,选择刚才创建的命名空间,保存并重新 Deploy。

worker.js

    
1
打开插件设置

在 claude.ai 页面打开对话导航侧边栏,点击右上角齿轮图标,填入 Worker 地址(如 https://claude-share.xxxx.workers.dev)和你设置的密钥,保存。

2
(可选)绑定自定义域名

如果希望中国大陆的朋友也能访问,建议绑定一个托管在 Cloudflare 的自定义域名(如 share.yourdomain.org)。在 Worker → Settings → Domains & Routes → Add → Custom Domain 中添加。

3
测试连接

点击设置面板中的「测试连接」按钮,显示"连接成功"即可开始使用分享功能。

Claude 对话导航

v2.0 · 导航 + 分享 · Chrome 扩展