2. V2EX
  3. [开源] 做了一个纯原生 JS 的轻量网页翻译扩展，支持 YouTube 双语字幕

[开源] 做了一个纯原生 JS 的轻量网页翻译扩展，支持 YouTube 双语字幕

youwantpeach 2026-08-15 11:55 1

各位 V2EX 的大佬好，


当初动手写这个插件，主要是想弄一个极致轻量、开源 , 可以在桌面⇄手机端同步生词本方便学习的翻译工具。


具体做了哪些事：



  • 体积小： 纯原生 JS 编写，核心代码约 300KB+。无悬浮球，不占用右键菜单，点击图标即可开关当前网站翻译。也可以设置全局默认。

  • 支持移动端： 手机端 Firefox 和 Edge Android 也能直接安装使用。

  • 开箱即用 & 数据直连： 默认内置 Google / Bing 翻译，无需配置 Key 即可直接使用


  • 数据本地直连： 请求不走第三方中转。支持填入 OpenAI 、Claude 、Gemini 、DeepL 、xAI Grok 或直连本地 Ollama 。

    • 免费玩法： 填入 Google AI Studio 申请的免费 Gemini Key ，或 Groq 的免费 key 即可使用。



  • YouTube 双语字幕： 适配原生播放器，开启视频自带 CC 字幕即可渲染双语，支持导出字幕。

  • 生词收集与同步： 划词直接加生词本，全网及字幕内自动高亮。支持 WebDAV 、Google Drive 或 OneDrive 加密同步。

  • 结合语境与样式自定义： 可以根据上下文翻译单词或者短语, 也可以一键切换到单词模式，支持自定义翻译样式。

  • 区域划选与复杂页面适配： 支持手动框选指定区域翻译并按域名记忆；针对 Twitter/X 、Reddit 、GitHub 等动态页面做了专门解析。




  • 源码 (AGPL-3.0)： 👉 GitHub 仓库：os9sur/MiraTranslator

  • 商店下载： Chrome 应用商店 | Edge 扩展商店 | Firefox 附加组件

最新回复 (10)
  • firefox12 08-15 11:59
    1楼
    其实我就想用一个沉浸式翻译那种， 不需要很麻烦， 比如你这个 opanai claude 我都没 key 最好是免费可以直接用的 bing 翻译的就行 直接全文翻译 也不需要什么划词。划词根本不好用
  • youwantpeach 楼主 08-15 12:02
    2楼
    @firefox12 开箱即用, 内置 Google bing 翻译功能
  • firefox12 08-15 12:13
    3楼
    如何使用 比如沉浸式翻译 有个插入的悬浮，点一下全页就翻译了， 你这个怎么全页翻译啊？点了一下 没有反应，这个翻译是最重要的功能 应该是一个大大的点击按钮之类的 提示吗？好像找不到。
    基本的功能 都不知道怎么使用 选翻译引擎也很奇怪，突然跳一个页面出来，让流程很不连贯，给人感觉是展示一个 help 页。
  • youwantpeach 楼主 08-15 12:32
    4楼
    @firefox12 嗯,确实没有按钮,我再改改
  • NanJi 08-15 12:34
    5楼
    @youwantpeach #4 我更喜欢没有按钮 我最喜欢的是鼠标放文字上双击 shfit 翻译出中文 我和楼主一样喜欢简单
  • youwantpeach 楼主 08-15 16:46
    6楼
    @NanJi 哈哈,我就是不喜欢那个悬浮球, 尽可能不想干扰网页浏览.
    另外, 目前设计是如果 打开网页翻译按钮, 就翻译整个网页了(指定元素), 另外你说的鼠标放到文字上 用快 捷键翻译. 具体是默认网页不翻译, 然后鼠标放到哪里翻译哪里, 是这样吗? 这样改起来可能有点麻烦, 不过很值得考虑
  • youwantpeach 楼主 08-15 16:50
    7楼
    @NanJi 目前 是否翻译网页,是否开启划词翻译的按钮 都在插件主页 也就是 popup 页面. 自动记忆, 并且通过 google drive /oneDrive/WebDAV 自动跨设备同步
  • NanJi 08-15 20:36
    8楼
    @youwantpeach #6 差不多，我日常比如一篇英文，然后鼠标放到一个段落上，按快捷键这个段落就被翻译了，就是有时候看个文章开头才决定有没有必要全翻译，算是习惯不同，你这也有记忆也好，因为有写网站不用翻译有些要我就是因为这样才按需按快捷键 哈哈
  • youwantpeach 楼主 08-16 10:51
    9楼
    @NanJi 加上了这个功能, 虽然可能用的人不多, 但我觉得这个功能很实用,

    因为有的地方不方便点击,但是要知道什么意思,所以单靠划词翻译是不够的.

    功能已经实现, 但是不能用两个 shift 触发😄,因为用的是 chrome://extensions/shortcuts ,
    好处在于可以让浏览器内部判断是否是冲突按键组合,
    当然也是考虑为了减少工作量,所以没有单独用代码设计一个独立的快捷键设置页面.

    因为改了元数据, 所以需要过几天审核通过,到时候欢迎试用.

    也欢迎其他更好的想法 🤝
  • youwantpeach 楼主 08-16 12:05
    10楼
    @NanJi 修改元数据, 审核也是出乎意料的快, chrome 已经审核通过了

    欢迎使用
* 帖子来源V2EX
附近帖子
返回
飞读
随机推荐