做这个扩展是因为我看外文网站和读复杂内容时，遇到一段不认识的语言或一张复杂图表，我得做 6 步：截图复制 → 打开翻译 → 上传图片 → 一堆按钮 → 等翻译。于是我用使用了我觉得最懒的方法，我把这 5 步压成了 1 步，：按 Alt+S，鼠标框一下，结果出现在右上角浮动面板。
📦 当前状态：v1.2.0 已提交 Chrome Web Store 审核（预计 3-7 天通过）。审核通过前可以通过开发者模式安装 zip 包提前试用，详见安装指南。
它能干什么
核心特性
⌨
快捷键触发
默认 Alt+S，也支持工具栏图标和右键菜单 "用 AI 解读这块区域"
📌
浮动面板
可拖动、可折叠，多次框选的结果叠在面板里，方便对比
🔒
本地存储
API Key / 模型 / Endpoint 都存在 chrome.storage.local，不上传任何第三方
🌐
i18n 双语
根据浏览器语言自动切换：中文用户看"AI 截图解读"，英文用户看 "AI Screenshot Explainer"
技术实现
整个扩展是一个 Chrome Manifest V3 项目，无依赖、原生 JS / CSS 实现，最终打包后只有 14 KB。
- 权限模式：用
activeTab+ 按需注入（chrome.scripting.executeScript），而不是静态<all_urls>content_scripts，更符合 Chrome Web Store 推荐 - 截图：
chrome.tabs.captureVisibleTab抓可视区，再用 canvas 裁出框选区域 - AI 接口：默认接火山方舟（Volcengine Ark）的
doubao-seed-2-0-mini多模态模型，Endpoint / 模型 / Prompt 都可在弹窗里改 - 面板渲染：vanilla JS 注入浮动面板，支持拖动 / 折叠 / 多卡片堆叠
- 国际化：通过 Chrome
_locales/实现中英文自动切换
调用示例
POST https://ark.cn-beijing.volces.com/api/v3/responses
Authorization: Bearer <API_KEY>
{
"model": "doubao-seed-2-0-mini-260428",
"input": [
{ "role": "user", "content": [
{ "type": "input_image", "image_url": "data:image/png;base64,..." },
{ "type": "input_text", "text": "请用简体中文解析这张截图..." }
]}
]
}设置 & 配置
首次使用前需要在弹窗里填入自己的火山方舟 API Key（ark- 开头）。Key 仅存在本地，截图直接从你的浏览器 POST 到火山方舟服务器，扩展开发者不接触任何数据。
新用户在火山方舟有免费 token 额度，单次截图大约消耗 1k-5k token，个人使用够用很久。
隐私 & 安全
设计原则：我作为开发者不应该看到你的任何数据。所以这个扩展没有任何服务器，截图直接从你的浏览器发到你配置的 API 端点。
- API Key 仅存储在
chrome.storage.local，受 Chrome 沙箱保护，其他网页或扩展无法访问 - 截图数据不经过开发者任何中转服务器，直接从你的浏览器 POST 到火山方舟（或你配置的其他 endpoint）
- 不收集浏览历史、不使用 Cookie、不做任何分析或广告定向
- 不加载任何远程代码，所有 JS / CSS 都打包在扩展内
- 完整隐私政策：privacy.html
当前状态 & 路线图
版本历史
| 版本 | 更新内容 |
|---|---|
v1.2.0 |
i18n 中英自动切换 · 权限收紧（移除 <all_urls>） · 提交 CWS 审核 |
v1.1.2 |
缩短 manifest description 至 132 字（CWS 上传要求） |
v1.1.1 |
浮动面板关闭按钮加宽到 48px，更易点击 |
v1.1.0 |
产品化（图标、移除硬编码 Key、收窄 host 权限、生成隐私政策页） |
v1.0.0 |
初版，Doubao Seed 2.0 Responses API + Alt+S 框选 |
计划中的功能
- 划词翻译模式（更轻的交互）
- 多个 Prompt 模板快捷切换（翻译 / 解读 / 总结）
- 支持多模型并排对比（豆包 vs GPT vs Gemini）
- 结果卡片支持导出 Markdown / 复制
试用 & 反馈
等 Chrome Web Store 审核通过会更新商店链接。审核期间想试用，可以通过开发者模式安装。