豆包去水印

当用户在豆包的单图界面点击下载时，自动捕获图片下载请求和水印图像信息，辅助去除水印。

# 豆包去水印 - Chrome 扩展 当用户在豆包的单图界面点击下载时，自动捕获图片下载请求和水印图像信息，辅助去除水印。 ## 功能特性 - 🌐 **实时监控**: 自动拦截并记录所有 fetch 请求 - 📊 **双视图展示**: 显示下载请求和水印图列表 - 🖼️ **水印预览**: 实时捕获并预览带水印的图片 - 📊 **数据统计**: 实时显示捕获的请求数和水印图数 - 📋 **一键复制**: 点击任意 URL 复制到剪贴板 - 🗑️ **清空记录**: 随时清空所有捕获的数据 - ⬇️ **批量处理**: 自动下载去水印后的图片 - 🔔 **徽章显示**: 扩展图标显示捕获请求数 ## 安装方法 ### 方法一：开发者模式加载（推荐） 1. 打开 Chrome 浏览器 2. 在地址栏输入 `chrome://extensions/` 并回车 3. 打开右上角的 **"开发者模式"** 开关 4. 点击 **"加载已解压的扩展程序"** 5. 选择本项目文件夹 `d:\dev\ex_doubaowatermark` 6. 扩展程序安装完成！ ### 方法二：打包安装 1. 在 `chrome://extensions/` 页面 2. 点击 **"打包扩展程序"** 3. 选择本项目文件夹 4. 生成 `.crx` 文件后拖拽到扩展程序页面安装 ## 使用方法 ### 1. 基本使用 1. 访问 [doubao.com](https://doubao.com) 并进入单图生成界面 2. 点击浏览器工具栏中的扩展图标 3. 在弹出窗口中可查看两个选项卡： - **下载请求**: 捕获的所有 fetch 下载请求 - **预览带水印图**: 捕获的水印图像列表 4. 点击任意 URL 可复制到剪贴板 5. 点击 **"下载去水印图片"** 按钮进行自动处理和下载 ### 2. 弹出窗口功能 - **🎯 下载去水印图片**: 自动处理并下载去水印后的图片 - **👁️ 查看最新**: 打开最新捕获的水印图或请求 - **📊 数据统计**: 实时显示捕获的请求数和水印图数 - **🗑️ 清空**: 清空所有已捕获的记录 - **📑 选项卡切换**: 在请求和水印图之间切换查看 ## 文件结构 ``` ex_doubaowatermark/ ├── manifest.json # 扩展配置文件（Manifest v3） ├── background.js # 后台服务脚本，处理消息和数据存储 ├── content.js # 内容脚本，加载injected脚本并监听事件 ├── injected.js # 注入脚本，拦截fetch请求 ├── popup.html # 弹出窗口 HTML 模板 ├── popup.css # 弹出窗口样式 ├── popup.js # 弹出窗口交互逻辑 ├── viewer.html # 水印图预览器 HTML ├── viewer.js # 水印图预览器逻辑 ├── icon16.png # 16x16 图标 ├── icon48.png # 48x48 图标 ├── icon128.png # 128x128 图标 └── README.md # 说明文档 ``` ## 技术实现 ### 核心原理 扩展通过以下流程工作： 1. **脚本注入**: `content.js` 在页面加载时注入 `injected.js` 到主世界 2. **Fetch 拦截**: `injected.js` 重写原生 `fetch` 方法，拦截所有请求 3. **事件通信**: 通过 `DOUBAO_FETCH_CAPTURED` 事件将捕获的 URL 发送给 `content.js` 4. **消息传递**: `content.js` 通过 Chrome 消息 API 将数据发送到后台脚本 5. **数据存储**: `background.js` 使用 Chrome Storage API 存储所有捕获的数据 6. **UI 展示**: `popup.js` 从存储中读取数据并实时显示在弹出窗口中 7. **图片处理**: `viewer.js` 处理水印图的预览和下载功能 ### 数据流 ``` Doubao 网站 ↓ injected.js (拦截 fetch) ↓ content.js (监听事件) ↓ background.js (存储数据) ↓ popup.js / viewer.js (展示和处理) ``` ### 权限说明 - `activeTab`: 访问当前活动标签页 - `storage`: 存储捕获的数据 - `https://*.doubao.com/*`: 仅在 doubao.com 域名下工作 ## 注意事项 ⚠️ **重要提示**: 1. 此扩展仅在 `https://*.doubao.com/*` 域名下工作 2. 使用前请确保已进入豆包的单图生成界面 3. 扩展会自动拦截所有 fetch 请求，会消耗额外的浏览器资源 4. 缓存数据存储在本地浏览器中，关闭浏览器数据会保留 5. 为了获得最佳效果，建议在单独的标签页中使用 ## 故障排除 ### 无法捕获请求 - 确认已在豆包网站的单图生成界面 - 尝试刷新页面重新加载扩展 - 检查浏览器开发者控制台是否有错误信息 ### 水印图未显示 - 确保下载请求已被捕获 - 检查网络连接是否正常 - 尝试清空缓存后重新进行操作 ### 下载失败 - 检查下载文件夹是否有写入权限 - 尝试更改浏览器下载设置 - 检查磁盘空间是否充足 ## 许可证 MIT License 2. 需要刷新已打开的 doubao.com 页面才能开始监控 3. 扩展不会修改或阻止任何请求，仅进行监控 4. 所有数据仅存储在本地，不会上传到任何服务器 ## 常见问题 **Q: 为什么没有捕获到请求？** A: 请确保： - 扩展已正确安装并启用 - 已刷新 doubao.com 页面 - 页面确实发起了 fetch 请求 **Q: 如何查看更详细的请求信息？** A: 打开浏览器开发者工具（F12），在控制台运行 `getFetchUrls()` 查看详细信息。 **Q: 可以在其他网站使用吗？** A: 需要修改 `manifest.json` 中的 `host_permissions` 和 `content_scripts` 的 `matches` 字段。 ## 开发者信息 - **版本**: 1.0.0 - **Manifest 版本**: 3 - **兼容性**: Chrome 88+ ## 许可证 MIT License --- **提示**: 如需修改或扩展功能，请编辑相应的 JavaScript 文件并重新加载扩展。