https://github.com/sanotsu/chrome-ai-translation-extension

一个极简低配版“沉浸式翻译” Chrome 扩展。A simple immersive translation Chrome extension.
https://github.com/sanotsu/chrome-ai-translation-extension

ai-translator chrome-extension cursor edge-extension translation web-translator

Last synced: about 2 months ago
JSON representation

一个极简低配版“沉浸式翻译” Chrome 扩展。A simple immersive translation Chrome extension.

• Host: GitHub
• URL: https://github.com/sanotsu/chrome-ai-translation-extension
• Owner: Sanotsu
• Created: 2024-11-30T00:15:01.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2025-07-14T02:33:16.000Z (3 months ago)
• Last Synced: 2025-08-17T01:32:07.949Z (about 2 months ago)
• Topics: ai-translator, chrome-extension, cursor, edge-extension, translation, web-translator
• Language: JavaScript
• Homepage:
• Size: 4.99 MB
• Stars: 9
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# 极简低配版"沉浸式翻译" Chrome 插件

## 更新说明

2025-07-14

- 添加了“高级划词翻译”功能，可以看到复杂单词简单释义；添加了简单的单词本功能。

2025-07-10

- 调用大模型 API 进行翻译时采用并发多请求和流式响应，极大提高了翻译速度。

- **整页翻译推荐使用“流式替换翻译”**，

  - “流式对比翻译”对插入布局要求比较高，现在一般的资讯网页还行，但结构复杂的网页比较混乱，后续再思考如何处理。

更多内容查看[CHANGELOG](./CHANGELOG.md)。

## 说明

- 翻译功能有：整个页面的**对比/替换翻译、文本划词翻译、独立小窗翻译**(选中文本右键可见)

  - 整页翻译的内容会保存在缓存中，1 小时内同一个网站不会重复调用 API 进行翻译。

  - 如果需要强制重新翻译，可以点击对应的清除缓存按钮后，重新翻译。

- 翻译功能是基于调用在线服务大模型 API 实现的，所以需要使用者有可用的平台地址和 ak。

- 注意，我测试是使用硅基流动中免费的模型，**如果使用其他平台的 API，请记得在[manifest.json](./manifest.json)的“host_permissions”属性中添加该 API 域名**。

  - 当然，如果对硅基流动平台感兴趣，还能用下我的邀请码注册，那就更好了：

  - https://cloud.siliconflow.cn/i/tRIcST68

## 安装方式

下载这个项目，解压后，打开 Chrome 或 Edge 浏览器，进入 `chrome://extensions/` 或`edge://extensions/`页面，点击“加载已解压的扩展程序”，选择解压后的文件夹即可。

首次使用一定点击“设置”按钮或者插件图标右键选“选项”，去配置 API 地址、AK 和模型名称，点击“保存设置”。

## 使用截图

- 安装插件后，点击插件图标，右上角会显示出功能弹窗:

![点击插件按钮出现的嵌入式页面](./screenshots/点击插件按钮出现的嵌入式页面.png)

- 点击“设置”按钮，配置大模型平台地址、模型名、和 AK，**记得首次使用要保存设置才生效**。

![自定义大模型API地址和ak](./screenshots/自定义大模型API地址和ak.png)

- 整页翻译：点击功能弹窗中的整页翻译的按钮即可执行相关翻译操作。比如流式替换翻译的效果

![替换翻译示例页面](./screenshots/替换翻译示例页面.png)

- 划词翻译：对只需要翻译网页中部分文本，在选中文本(划词)后，会出现一个小的“翻译”按钮，点击之后就会弹窗显示翻译结果，目标语言在右上角的配置面板中指定。

  - 快速划词翻译: 一个简单的流式响应翻译结果的弹窗

  ![快速划词翻译](./screenshots/快速划词翻译.png)

  - 高级划词翻译：一个新的独立弹窗，非流式响应（因为要解析响应结果的 JSON 结构），简单对比显示，以及一些复杂单词说明，并可以加入单词本

  ![高级划词翻译](./screenshots/高级划词翻译.png)

  - 单词本: 可以将高级划词翻译的单词解析放入单词本（浏览器缓存管理），可以从高级划词翻译弹窗或右上角的功能弹窗中打开。

  ![单词本](./screenshots/单词本.png)

- 如果是**阅读 pdf 文件（无法使用划词翻译）**，或者也是一般网页，右键选择“AI 极简翻译-翻译选中文本”，会弹出独立翻译窗口。

![pdf右键](./screenshots/pdf右键.png)

- 这个独立窗口可以当成个简单的翻译工具，复制需要翻译的内容，选择目标语言，然后随意翻译即可。

![独立翻译弹窗](./screenshots/独立翻译弹窗.png)

## 其他补充

- 翻译速度和效果和大模型类型和质量相关，默认都是流式响应(除了高级划词翻译)。

- 因为是调用大模型 API 进行翻译，网页内容过大时，可能完全翻译完会比较慢。

  - 可按 F12 在控制台查看当前正在调用 API 翻译的文本字段。

  - 可以随时停止翻译，刷新页面就恢复原网页，再次翻译会继续上次未完成的翻译(只要缓存未过期)。

- **只会翻译点击翻译时已经加载的内容**

- 嵌入式（对比翻译）效果不是很好看

## 额外说明

- 我的所有的 chrome 插件都没上传 Chrome/Edge 应用商店。

  - 除了需要注册开发者账号的 5 美元之外，也不敢保证项目没有其他问题

- 最后，本项目和本人其他项目都仅用于学习交流，请勿用于其他用途。