AI智能翻译助手

a: api   | ###   checkout 联系方式 1. |   a: api     | | a: 翻译（免费，无需 提交 ### - 访问   服务的使用条款。 google 使用   **性能优化**：避免不必要的 响应式布局 dom | 在扩展设置页面粘贴密钥 文件 // - - ├──   加密工具 3. // 5. **实时状态反馈**：翻译进度和状态实时显示   i18n.js  常见问题 iframe 2. 访问     gemini：翻译质量高，支持多语言   api（openai api       [openai ## 翻译质量如何？ | **兼容性**：chrome 项目文档     # 密钥后自动获取可用模型列表 issue   **保留原文并添加翻译**：在原文下方显示翻译，方便对照 ### 许可证 密钥安全吗？ zh.js  **多种显示模式**： |     1. **翻译缓存**：提高翻译速度，减少 输入 点击"添加至 下载或克隆本项目代码 | pull 调试工具 ├── - 自动翻译模式 mit 点击"翻译页面"按钮 翻译 多语言界面 **动态加载**：按需加载语言资源 贡献 推送到分支 deutsch **实时切换**：无需刷新页面即可切换语言 ```   français | 韩文 2.   push # # | 本项目采用 feature/amazingfeature`) ## settings.html  翻译 - 高级设置   高级功能     验证成功后选择要使用的模型 ai ├──     // └── 翻译，检查 - 欢迎通过   设置页面逻辑 ##   shadow -         - gemini（高质量   ###   ###   - -   - │  查看翻译缓存 - # - 한국어 api ├── ├── - openai | 3.   **api 渐变色主题 **智能网页翻译**：支持整页翻译，保持原有页面布局和样式 gpt：翻译质量高，理解上下文能力强 chrome   studio](https://makersuite.google.com/app/apikey) # 设置页面   |   网站，但某些使用 4. | - pull 弹窗页面 **模型自动获取**：验证   **支持 翻译 2. └── ### 右键菜单快捷翻译   **右键菜单多语言**：右键菜单文本跟随界面语言设置 **代码规范**：遵循     | - - 翻译器模块 ### google   │  ### 技术架构   ar   翻译     apis**：       兼容接口） |------|------|----------| es 6.     密钥 启用后，打开新页面时自动进行翻译 中文 dom   英文 自动翻译     **选择界面语言**：点击右上角的   ## translationdebug.cache() 玻璃态效果（glass |     点击"验证接口"按钮   english 密钥   google **语言包分离**：每种语言独立的 1.   ###   manifest platform](https://platform.openai.com/api-keys) 密钥是否正确 **双语界面支持**：完整的中文和英文界面 检查网络连接 1. api     设置页面样式 settings.js      zh 阿拉伯文 语言 `chrome.tabs`：标签页管理 - 标准 - - gemini-translator.js  快速开始 - **现代化 弹窗样式 feature/amazingfeature`) 启用后，当主翻译源失败时自动切换到   (`git q: api |   国际化系统     贡献指南 弹窗逻辑   google-translator.js  ├── extension 密钥 密钥加密存储   chrome"   // 显示调试面板     ####   文本均支持翻译 - | (es6+)**：无外部依赖，轻量高效     异步处理避免阻塞 ```javascript openai   google - #### ### ###       fr |   utils/        - 输入 或特殊框架的网站可能需要特殊处理 开启   葡萄牙文 - ├── - 创建特性分支 创建新的 第三方   #       - ``` translationdebug.showpanel() # 搜索"ai智能翻译助手" custom-api-translator.js  translationdebug.help() i18n/  2. 德文 - commit 10+ - ├── ├── | │    **模块化设计**：翻译器、工具函数、国际化独立模块 ### **chrome google - ## 翻译 ### 5. **替换原文**：翻译后的文本直接替换原文 代码   'add   ### 密钥 **语言自动检测**：智能识别网页语言 │  - # ## 验证成功后选择要使用的模型 ## | - 替换原文模式 de **当前版本**：v1.0.0 **首次使用**：点击浏览器工具栏中的扩展图标 一个功能强大的   - ##   -   ### 支持**：支持翻译页面内的所有   ai openai a: 翻译：无需配置，直接使用   密钥   q: 翻译）   #   种语言**：中文、英文、日文、韩文、法文、德文、西班牙文、俄文、阿拉伯文、葡萄牙文 方式二：打包安装（未来支持） ├── 西班牙文 - **调试工具**：内置调试面板，方便开发和问题排查 ├── 浏览器扩展，提供智能网页翻译服务，支持多种翻译源和多语言界面。 - ##     日文 - **发布日期**：2024年 -     `chrome://extensions/`   - português | | **多翻译源支持**： 流畅的动画过渡   1. - -   ai       store translationdebug.texts() │  popup.html  ├── 浏览器翻译插件/ web   google 点击"验证密钥"按钮 配置   3.   api   request 4.   ui google   # **无障碍支持**：完整的键盘导航和屏幕阅读器支持 **原生 api         - gemini | openai/gemini：点击"设置"按钮，配置 ├── | ai智能翻译助手 保留原文并添加翻译模式   **多种操作方式**： │    | fork   └── **事件驱动**：基于消息传递的通信机制 **一键切换语言**：在弹窗和设置页面快速切换界面语言   - chrome ### 如果使用 q: |   **智能语言检测**：首次使用时自动检测浏览器语言 -m | |   核心技术栈 api 用户体验优化 ### morphism） 操作和 |   调用 验证工具 方式一：开发者模式安装   ├── 中文 `chrome.scripting`：脚本注入 ru   - -   │  - 2. 和 **css3**：现代化样式，支持动画和渐变 3. 核心翻译功能 创建新的 2.   本项目 eslint |   javascript ├──   amazingfeature'`)   国际化文件夹 # español #### 🌐 使用     法文   (`git     ``` 发送邮件 3. openai-translator.js    在扩展设置页面粘贴密钥 | | 验证成功后选择要使用的模型 ja google google   功能特性   | - 88+ - js 在浏览器控制台中使用以下命令： 提交更改 兼容） 扩展配置文件   extension   - 3.   点击"加载已解压的扩展程序"   密钥） 5.     -   # api（支持   架构设计 国际化管理器 工具函数 **选择翻译源**： 第三方 translationdebug.stats() 1. **自动回退机制**：主翻译源失败时自动切换到备用翻译源 - - [google // background.js  api 如何切换界面语言？ 支持的语言 ├── 后台服务脚本 ## -     尝试切换到 **动态翻译更新**：切换界面语言时，所有文本实时更新 ├── - 扩展安装完成，可以在工具栏看到图标 选择本项目的文件夹 支持所有   中文语言包 (`git 图标，选择中文或 endpoint（如：`https://api.example.com/v1/chat/completions`） 🌐   3. 查看翻译统计 ####   q: - crypto.js  gemini -b 4.   调用 # `chrome.storage`：数据持久化 - - - ### # 翻译失败怎么办？ 打开 4. issue - ##   来改进本项目！ 内容脚本（页面注入）   pt 确认权限后完成安装 俄文 -   gpt（高质量   # 翻译缓存机制 api -   settings.css  en.js  **完整覆盖**：所有 # popup.js  查看帮助信息 └── - - - openai - openai     安装步骤       4.   - `chrome.runtime`：消息通信 使用指南   | | 英文语言包 api chrome 翻译 - q:   原生名称 内容 启用"自动回退"功能 ### ko 开发说明 密钥   翻译：适合日常使用，速度快   **chrome 1.   -   # 在设置页面选择"第三方api（类openai）" 支持哪些网站？   设计**： api العربية - content.js  #   **性能优化**：   #### 1. 图标切换中文/英文界面   ├── | - readme.md  - --- request **深色模式支持**：自动适配系统深色模式 | 项目结构 翻译） 翻译显示模式 - | Русский **iframe   - |   │  开启右上角的"开发者模式" ##   或右键点击页面，选择"使用ai智能翻译助手翻译此页面" origin   api   http/https   translators/  2.   5. popup.css  |   │  如有问题或建议，请通过以下方式联系： | **错误处理**：所有异步操作都应有错误处理 - ui # ####   a:   api | en 点击"验证密钥"按钮 浏览器，访问 # 版本信息 第三方 **注意**：本扩展仅供学习和个人使用，请遵守相关 v3**：最新的扩展开发标准   5. 或启用"自动翻译页面"选项 查看所有翻译的文本 **注释完整**：关键逻辑添加详细注释 - 密钥使用加密方式存储在浏览器本地，不会上传到任何服务器 自动回退 - 批量翻译优化       日本語 english 开发建议         api 许可证开源。 manifest.json  2. # - **开始翻译**：       点击弹窗或设置页面右上角的 |   确保翻译服务的可用性   | api # ai   some #   4. 3. 密钥管理**：安全存储和验证   **错误处理**：完善的错误捕获和用户提示 浏览器工具栏图标 ### - validation.js  从 `chrome.contextmenus`：右键菜单   **安全加密**：api 可以随时在弹窗中关闭此功能 4.   api