夜雨聆风但有个问题一直让我不爽——聊天记录全锁在豆包里面。想看之前聊过什么，只能手动往上翻。豆包虽然也支持导出文本到本地，但聊天内容太长，重要的可能就那么一小段。
如何能够把我跟豆包之间的对话觉得有意思的部分自动存到 Obsidian，方便日后复盘和总结？
第一回合：直接读硬盘
豆包 PC 客户端是 Electron 做的，数据存在本地。我尝试去读取里面的内容，折腾了几个小时没啥进展，暂时放弃。
第二回合：远程调试连进去
Electron 本质就是 Chrome。Chrome 有远程调试协议（CDP），可以用 WebSocket 连进去执行 JavaScript。
关了豆包进程，加 --remote-debugging-port=9222 重启。写了个 Node.js 脚本用 WebSocket 连上，调用 Runtime.evaluate 执行任意 JS。
连上了，成功读到了对话列表：
健康小助手 VBA批量插入图片 OpenClaw学习指南 40岁男性囚徒健身入门计划
看到这些熟悉的标题躺在数据库里，当时觉得稳了。
但再往下挖，发现只能读到元信息（标题、ID、创建时间），每条消息的具体内容根本不在这个库里。
第三回合：浏览器扩展
不碰本地数据了，换个思路。
我 Obsidian 上装了 Local REST API 插件，它可以在本地开 HTTP 服务让外部程序读写笔记。
那方案就变成了：写一个浏览器扩展，注入到豆包网页版，实时捕获对话内容，通过 REST API 写入 Obsidian。
写脚本的过程
第一步：摸清豆包的页面结构
豆包网页版的前端代码是打包压缩过的，class 名都是动态生成的一串乱码。没法靠猜。
打开 F12 控制台，几行 JavaScript 搞定：
// 看页面加载完整没document.querySelectorAll('div').length// → 666// 用关键词缩小范围document.querySelectorAll('[class*="message"]').length// 拿到真实的 class 名document.querySelectorAll('[class*="message"]')[0]?.className// → "conversation-page-message-host w-full flex-shrink-0 ..."// 确认内容在里面document.querySelector('[class*="conversation-page-message-host"]')?.innerText// 看子元素结构document.querySelector('[class*="conversation-page-message-host"] > div')?.className// → "message-list-zLoNs1"
[class*="xxx"] 是 CSS 的属性选择器，只要 class 里包含这个关键词就算匹配。不用管那串随机后缀。
完整 DOM 结构很快摸清楚了：
conversation-page-message-host└── message-list-zLoNs1├── div（用户消息）├── div（AI 回复）└── ...
第二步：封装消息捕获
豆包网页的结构可能在更新后变化，所以我没有写死选择器，而是做了多层兜底：
const selectors = ['[class*="message-content"]','[class*="MessageContent"]','[class*="msg-content"]','.chat-message-content','[class*="chat-bubble"]',];
逐个尝试，第一个命中的就用它。如果全都没命中，fallback 到 p, div.markdown 这类更通用的选择器。
捕获到的消息交替标记角色：单数条为 user，双数条为 assistant。同时基于前 80 个字符做去重，防止重复捕获。
第三步：对接 Obsidian API
Local REST API v4 的接口很简单，Put 文件内容到指定路径就行：
// PUT 写入文件，如果文件不存在会自动创建PUT /vault/豆包对话/2026-06-03-标题.md// 如果文件不存在 PUT 返回 404，改成 POST 创建POST /vault/豆包对话/2026-06-03-标题.md
每条消息转成结构化 Markdown：
# 标题> 同步时间：2026-06-03 14:30:00 | 共 12 条消息---**我**（14:20:00）帮我看看这段代码哪里有问题...---**豆包**（14:20:05）看起来是异步操作没有 await...---
第四步：配置引导
首次安装脚本，豆包页面右上角会自动弹出一个配置对话框，引导用户完成两步：
在 Obsidian 中安装 Local REST API 插件 从插件设置里复制 API Token 粘贴进来Token通过插件的持久化到浏览器的本地存储，下次打开不用重新输入。
控制面板
豆包页面右上角悬浮了三个按钮：
每次操作都有反馈。
成品长这个样子：
