Skip to content

About

豆包Web插件,让豆包的使用更舒适

Resources

Stars

83 stars

Watchers

1 watching

Forks

Repository files navigation

Better Doubao

🔥 灵感来源于 gemini-voyage,感谢作者的开源贡献!

A powerful browser extension to enhance your Doubao chat experience

📢 现已在微软商店成功上线!

Better Doubao 已正式在 Microsoft Edge 插件商店上线!您可以直接在商店中搜索并安装插件。

👉 立即访问 Microsoft Edge 插件商店


功能概述

更清爽的侧边栏

新版将常用入口收纳为一排图标,减少侧边栏的信息密度,让对话与项目更醒目、视觉体验更清爽。鼠标悬停或键盘聚焦图标即可看到名称,点击后仍使用豆包原生功能。「项目」保持独立显示;文件夹功能将逐步与豆包官方「项目」功能合并。过渡期间,插件旧文件夹仍可在项目区后的「旧文件夹(过渡)」中展开使用,原有数据不会被删除或自动迁移。

侧边栏视觉优化前后对比:入口收纳为横排图标,减少信息密度

1. 快速定位 (Quick Locator)

快速导航到对话中的任意消息。

功能特点:

  • 在页面右侧显示整个对话的用户消息定位点
  • 兼容豆包虚拟列表,滚动后不会丢失已加载的定位点
  • 支持收藏重要消息
  • 收藏信息持久化存储,跨对话可用
  • 点击消息自动滚动定位
  • 支持图片、PDF 等纯媒体用户消息

使用方式:

  • 点击右侧定位点快速跳转到对应消息
  • 悬停定位点后可收藏/取消收藏

快速定位


2. 文件夹管理 (Folder Manager)

将对话整理到自定义文件夹中。

功能特点:

  • 创建彩色标签文件夹
  • 拖拽对话到文件夹
  • 支持跨对话组织
  • 数据持久化存储

使用方式:

  • 展开左侧边栏的「旧文件夹(过渡)」区域并点击「+」
  • 创建新文件夹并选择颜色
  • 拖拽对话到目标文件夹

文件夹管理


3. 语料板 (Corpus Board)

跨对话收集和复用文本片段。

功能特点:

  • 页面右侧拖拽工具按钮
  • 选中文本后显示添加按钮
  • 语料持久化存储
  • 一键将语料插入输入框(用 [] 包围)

使用方式:

  • 拖拽工具按钮到合适位置
  • 选中文本点击「添加到语料板」
  • 点击语料板中的项目插入输入框

语料板


4. 导出功能 (Export)

将对话内容导出为多种格式。

功能特点:

  • 支持 PDF、TXT、Markdown 三种格式
  • 正确区分用户/AI 消息
  • 支持图片导出(过滤 base64 占位图)
  • Markdown 格式完整保留代码块、表格、加粗等样式
  • 使用对话标题命名导出文件
  • 与豆包原生界面风格一致

使用方式:

  • 点击顶部导航栏导出按钮
  • 选择导出格式
  • 自动下载或打开打印预览

导出功能


5. LaTeX 公式下载 (LaTeX Downloader)

快速下载或复制页面中的 LaTeX 数学公式。

功能特点:

  • 自动识别页面中的 LaTeX 公式
  • 支持内联公式和块级公式
  • 支持 LaTeX 代码块
  • 一键下载为 .tex 文件
  • 一键复制到剪贴板

使用方式:

  • 鼠标悬停在公式上,显示下载和复制按钮
  • 点击下载按钮下载完整的 .tex 文档
  • 点击复制按钮直接复制 LaTeX 代码

LaTeX 公式下载


6. 文字高亮标记 (Text Highlight)

在长对话中标记重点内容,方便后续回看和快速定位关键信息。

功能特点:

  • 选中文本后一键高亮,默认使用荧光黄标记
  • 支持黄、绿、青、粉、红、灰六种高亮颜色
  • 支持修改已高亮文字的颜色
  • 支持取消选中文字的高亮,不影响同一段中的其他标记
  • 高亮记录本地持久化保存,不涉及后端
  • 切换对话、刷新页面或重新打开浏览器后,高亮仍然保留
  • 颜色选择菜单会根据窗口边缘自动调整位置,避免被遮挡

使用方式:

  • 选中对话中的文字,弹出操作按钮
  • 点击荧光笔图标,使用默认黄色高亮
  • 点击右侧箭头展开颜色菜单,选择想要的标记颜色
  • 选中已高亮内容后,点击空心圆斜线图标取消高亮

文字高亮标记


技术架构

项目结构

better-doubao/
├── src/                        # 共享源代码
│   ├── core/                   # 核心模块
│   │   ├── services/
│   │   │   └── StorageService.ts
│   │   ├── types/
│   │   │   └── folder.ts
│   │   └── index.ts
│   ├── features/               # 功能模块
│   │   ├── quicklocator/       # 快速定位
│   │   ├── folder/            # 文件夹管理
│   │   ├── corpusboard/       # 语料板
│   │   ├── export/            # 导出功能
│   │   └── latex/             # LaTeX 公式下载
│   ├── pages/
│   │   ├── content/            # 内容脚本
│   │   ├── background/        # 后台脚本
│   │   ├── popup/             # 弹出页面
│   │   └── options/           # 设置页面
│   └── assets/
│       └── styles/
│           └── content.css
│
├── chrome/                     # Chrome 版本配置
│   ├── manifest.json          # Chrome 专用清单
│   ├── vite.config.ts        # Chrome 专用构建配置
│   └── dist/                  # Chrome 构建输出 (gitignore)
│
├── edge/                       # Edge 版本配置
│   ├── manifest.json          # Edge 专用清单
│   ├── vite.config.ts        # Edge 专用构建配置
│   └── dist/                  # Edge 构建输出 (gitignore)
│
└── package.json

技术栈

  • 语言: TypeScript
  • 构建工具: Vite + @crxjs/vite-plugin
  • 浏览器 API: Chrome Extension Manifest V3
  • 存储: chrome.storage.local
  • 样式: 原生 CSS

安装使用

下载编译好的 v1.5 安装包(无需 Node.js)

下载对应浏览器的 ZIP 并解压到一个固定文件夹。Chrome 打开 chrome://extensions/,Edge 打开 edge://extensions/;开启「开发者模式」,点击「加载已解压的扩展程序」,选择解压后包含 manifest.json 的文件夹。安装后请保留该文件夹,不要移动或删除。ZIP 是可直接加载的编译结果,不需要自行构建;它不是双击安装的 CRX 文件。

从源码安装

  1. 安装依赖并构建:
# 安装依赖
npm install

# 构建 Chrome 版本(保留 chrome 文件夹时使用)
npm run build:chrome

# 构建 Edge 版本(保留 edge 文件夹时使用)
npm run build:edge
  1. 加载扩展:

Chrome 用户:

  1. 打开 chrome://extensions/
  2. 开启「开发者模式」
  3. 点击「加载已解压的扩展程序」
  4. 选择 chrome/dist 目录

Edge 用户:

  1. 打开 edge://extensions/
  2. 开启「开发者模式」
  3. 点击「加载已解压的扩展程序」
  4. 选择 edge/dist 目录

开发命令

# 开发模式(监听文件变化)
npm run dev

# 分别监听 Chrome / Edge 构建
npm run dev:chrome
npm run dev:edge

# 同时构建 Chrome 和 Edge
npm run build

# 类型检查
npm run typecheck

许可证

本项目基于 MIT License 开源。

About

豆包Web插件,让豆包的使用更舒适

Resources

Stars

83 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages