豆包用户消息气泡导航

Created at 2 months ago
Updated at a month ago
基于DOM结构,在豆包虚拟滚动技术下,为豆包网页版增加一个目录功能,更适合从0到n的新建对话。v2.1: sessionStorage 持久化、精准 scroller 跳转、快速扫描、总数估算。
#工具
#豆包
#导航
#目录
Statistics
Total Installs
153
Today's New
+0
User Rating
5.0
为豆包网页版增加消息气泡目录导航功能

脚本介绍

专为豆包网页版打造的消息气泡目录导航工具,深度适配豆包自研虚拟滚动(v_list_scroller + scroll_holder + CSS 变量定位),给长对话增加侧边目录导航,快速定位、一键跳转历史消息,新建多轮对话浏览效率大幅提升。

主要功能

  • 右侧悬浮极简导航栏,鼠标悬浮展开完整目录,毛玻璃渐变 UI,自适应网页风格
  • 自动抓取用户消息,按时序生成带序号+内容预览的目录,长文本自动省略
  • 精准跳转:利用虚拟列表渲染行的 CSS 变量 --vlist-row-transform-y 锚点线性插值,未渲染消息也能一步跳转到位,告别逐段逼近
  • 刷新不丢目录:自动保存到 sessionStorage,刷新页面或切换对话后秒恢复完整目录,无需重新浏览
  • 一键扫描:hover 可见「🔍 扫描目录」按钮,自动遍历整个对话快速发现全部消息,带进度条
  • 消息总数估算:面板底部实时显示 ≈N 条消息 · 已发现 M 条,基于虚拟列表总高度推算
  • 当前阅读位置自动高亮标记,点击目录条目平滑跳转 + 蓝色光圈反馈
  • 多对话独立缓存池,按 conversation_id 分池管理,切换对话互不干扰
  • 实时监听 DOM 变化 + 滚动事件 + 4 秒轮询三层同步,新增消息自动入录
  • 交互动效流畅,自带滚动条、选中状态、点击高亮反馈,低占用不卡顿

注意事项

极少情况下(如虚拟列表尚未渲染目标区域)首次跳转可能需要短暂等待渲染后微调,属于平台渲染机制的正常行为。

使用方式

安装脚本即时生效,无需任何配置,打开豆包网页版即可使用。

Script Details
Applicable Sites
License
Not declared
No license declared — reuse with caution