安装: Chrome Web Store / Firefox Addons
将网页内容一键收藏至多个平台的浏览器扩展,支持 Telegram、Discord、Notion 等多个平台,让你的灵感和收藏无处不在。
- 多平台支持 - 同时发送到 Telegram、Discord、Notion 等多个平台
- 快速发送 - Popup 快捷输入框,直接发送消息
- 右键菜单 - 选中文字后右键发送
- 编辑模式 - 发送前编辑内容,添加自定义标题
- 网页收藏 - 一键保存当前网页(标题 + 链接)
| 平台 | 状态 | 说明 |
|---|---|---|
| Telegram | ✅ 支持 | 通过 Bot API 发送到频道 |
| Discord | ✅ 支持 | 通过 Webhook 发送到频道 |
| Notion | ✅ 支持 | 通过 Notion API 发送到 Database |
| 飞书文档 | 🚧 计划 | 目前需要付费实现 webhook 功能 |
| 语雀笔记 | 🚧 计划 | 需要超级会员开放 token 功能 |
# 开发
npm run dev # Chrome 开发模式
npm run dev:firefox # Firefox 开发模式
# 构建
npm run build # 构建 Chrome 版本
npm run build:firefox # 构建 Firefox 版本
# 打包
npm run zip # 打包 Chrome 版本为 zip
npm run zip:firefox # 打包 Firefox 版本为 zip
npm run publish # 构建并打包所有版本
# 其他
npm run compile # TypeScript 类型检查- 点击浏览器扩展图标
- 点击右上角"设置"按钮
- 在侧边栏选择要配置的平台
- 填写平台配置信息
- 点击"测试连接"验证配置
- 点击"保存"完成配置
详细配置教程:
clipper-hub/
├── entrypoints/ # 扩展入口点
│ ├── background.ts # 后台服务
│ ├── content.ts # 内容脚本
│ ├── popup/ # 弹出窗口
│ ├── options/ # 设置页面
│ └── edit/ # 编辑页面
├── lib/
│ └── platforms/ # 平台适配层(中间件)
│ ├── types.ts # 平台接口定义
│ ├── telegram.ts # Telegram 平台实现
│ ├── discord.ts # Discord 平台实现
│ └── index.ts # 平台管理器
├── public/ # 静态资源
├── docs/ # 文档
│ └── platforms/ # 平台配置文档
└── wxt.config.ts # WXT 配置
项目采用中间件模式实现平台解耦:
- Platform 接口:定义统一的平台行为规范
- 平台实现:每个平台独立实现 Platform 接口
- 平台管理器:统一管理所有平台的配置和调用
- 易于扩展:新增平台只需实现 Platform 接口即可
Q: 如何添加新的平台支持?
A: 参考 开发文档 - 添加新平台
Q: 消息发送失败怎么办?
A: 请检查:
- 平台配置是否正确(点击"测试连接"验证)
- 网络连接是否正常
- 平台服务是否可用
- 查看浏览器控制台错误信息
Q: 可以只启用部分平台吗?
A: 可以。在设置页面中,每个平台都有独立的启用开关,其他平台正在陆续开发支持中。
Q: 配置数据存储在哪里?
A: 使用本地浏览器的 browser.storage.sync API 存储,数据会在同一账号的不同设备间同步。完全不接触云端。
数据收集说明:
本扩展需要收集以下数据以提供核心功能:
- 选中的文本内容 - 您在网页上选择并希望收藏的文字
- 网页URL和标题 - 当前页面的地址和标题,用于收藏链接
- 网页内容 - 用于提取和处理您选中的内容(包括格式、图片等)
隐私承诺:
- ✅ 所有数据仅用于您配置的收藏平台(如Telegram、Discord、Notion)
- ✅ 不会发送到任何第三方服务器或分析服务
- ✅ 所有配置信息仅存储在您的本地浏览器中
- ✅ 完全开源,代码可审计
- ✅ 首次使用时会明确请求您的数据收集同意
权限说明:
contextMenus- 创建右键菜单storage- 本地存储配置信息notifications- 显示发送结果通知scripting- 读取网页选中内容activeTab- 获取当前标签页信息- 各平台 API 域名 - 发送消息到对应平台
欢迎贡献代码、报告问题或提出建议!
如果你想添加对新平台的支持,请参考:
- 平台开发文档
- 现有平台实现:telegram.ts、discord.ts 等其他。
本项目参考 [爆肝 2 小时!一键 TG 频道助手](https://linux.do/t/topic/1302858) 进行开发。
⭐ 如果这个项目对你有帮助,欢迎 Star!
