一个智能的浏览器扩展,通过AI为复制的文本生成精准标题并云端同步
- 🤖 AI智能标题生成 - 基于Deepseek模型,为复制的文本自动生成简洁准确的标题
- 📋 一键文本收集 - 支持网页文本快速复制和收集,自动保存历史记录
- 🔄 飞书云端同步 - 与飞书多维表格无缝集成,实现数据云端同步备份
- ⚙️ 灵活配置选项 - 支持标题编辑、自定义API配置、开关控制等
- 🎨 现代化UI设计 - 采用Microsoft Fluent Design风格,界面简洁美观
- 🔒 隐私安全保护 - 默认关闭状态,数据本地存储,用户完全控制
- 📱 跨平台支持 - 兼容Chrome、Edge等主流浏览器
-
下载源码
git clone https://github.com/justinzm/copy_prompt_plugin.git cd copy_prompt_plugin
-
安装扩展
- 打开Chrome/Edge浏览器
- 访问
chrome://extensions/
或edge://extensions/
- 开启右上角的"开发者模式"
- 点击"加载已解压的扩展程序"
- 选择项目根目录
-
验证安装
- 在浏览器工具栏看到扩展图标
- 点击图标打开弹窗界面
- 访问 Deepseek开放平台
- 注册账号并获取API密钥
- 在扩展设置页面填入API密钥
- 访问 飞书开放平台
- 创建企业自建应用,获取:
- 应用ID (App ID)
- 应用密钥 (App Secret)
- 应用Token (App Token)
- 表格ID (Table ID)
- 在扩展设置页面填入飞书配置
- 启用扩展 - 点击扩展图标,开启右上角开关
- 复制文本 - 在任意网页选中文本并复制 (Ctrl+C)
- 确认收集 - 点击扩展弹窗中的"确认收集"按钮
- AI生成标题 - 等待AI自动生成标题(支持手动编辑)
- 查看管理 - 在列表中查看所有收集的记录,支持复制和删除
prompt-collector/
├── manifest.json # 扩展配置清单
├── src/
│ ├── background.js # 后台服务脚本(API调用处理)
│ ├── content.js # 内容脚本(页面文本捕获)
│ ├── popup.html # 扩展弹窗页面
│ ├── popup.js # 弹窗交互逻辑
│ ├── settings_simple.html # 设置页面
│ ├── settings_simple.js # 设置页面逻辑
│ ├── styles.css # 统一样式文件
│ └── icons/ # 扩展图标资源
│ ├── icon16.png
│ ├── icon48.png
│ └── icon128.png
└── README.md # 项目说明文档
- 前端框架: Vanilla JavaScript (ES6+)
- UI样式: HTML5 + CSS3 (Fluent Design)
- 浏览器API: Chrome Extension Manifest V3
- 存储方案: Chrome Storage API (chrome.storage.sync)
- AI服务: Deepseek Chat API
- 云端同步: 飞书开放平台API
Q: 扩展图标显示但无法打开弹窗? A: 检查manifest.json中的文件路径,确保popup.html存在且可访问。
Q: 复制文本后点击"确认收集"没有反应? A:
- 确认扩展已启用(右上角开关打开)
- 检查Deepseek API配置是否正确
- 查看浏览器控制台是否有错误信息
Q: AI标题生成失败? A:
- 验证API密钥是否有效
- 检查网络连接状态
- 确认API配额是否用完
Q: 飞书同步失败? A:
- 检查飞书配置信息是否完整
- 验证应用权限设置
- 确认表格字段配置正确
Q: 出现"Extension context invalidated"错误? A: 这是扩展重新加载导致的,刷新当前页面即可解决。
如果遇到问题,请按以下步骤获取帮助:
- 查看常见问题部分
- 搜索已有的GitHub Issues
- 提交新的Issue,包含:
- 详细的问题描述
- 重现步骤
- 浏览器版本和操作系统信息
- 控制台错误信息截图
本项目采用 MIT 许可证。详情请见 LICENSE 文件。
- Deepseek - 提供优秀的AI模型服务
- 飞书开放平台 - 提供云端存储API
- Chrome Extension Documentation - 详尽的开发文档
如果这个项目对您有帮助,请给我们一个 ⭐️ 星标!