无需联网,无需上传:Hy-MT2-1.8B 离线插件,还给你的双语对照自由
让网页翻译也能“离线”:我用 Hy-MT2-1.8B Vibe Coding 了一个浏览器翻译插件
▶ 视频版 · 与本文内容相同(11:46)· 在 B 站观看
目 录
网页离线翻译、双语对照、不依赖外网。
一个浏览器插件 + 一个本地桌面应用,就可以把大模型搬到自己的电脑上。
大家好,我是老许。
今天想和大家分享一个我最近 Vibe Coding 出来的小工具。
它基于腾讯 Hy-MT2-1.8B 大模型,做成了一套可以在浏览器中使用的本地网页翻译工具。
简单来说,它可以做到:
不用联网,也能翻译网页。
而且支持:
先给大家看一下实际效果。
一、为什么我要做这么一个东西?
众所周知……
老许是一名资深的失业程序员。
以前工作的时候,经常会遇到需要查阅英文技术文档、技术资料的情况。
很多时候,真正有价值的资料,还是在英文网站上。
偶尔还会碰到日文网站。
于是,一个非常现实的问题就出现了:
看不懂。
当然,我知道现在各种 AI 翻译、在线翻译工具都很多。
但我自己使用下来,总觉得还是有一些场景不太方便。
比如 Google 翻译。
如果是在国内环境下使用,体验大家应该都懂。
国内的一些翻译工具我也试过,有的需要收费,有的翻译效果又比较一般。
而且还有一些工作场景,本身就处在企业内网里面。
电脑只能访问内部网络,无法直接使用外部的在线翻译服务。
这时候,一个完全运行在本地的翻译工具,反而就有了实际意义。
二、离线翻译,听起来是不是有点反直觉?
可能很多朋友看到这里会觉得:
“网页翻译不是得把网页内容发到服务器吗?”
确实,传统的在线翻译通常是这样的:
网页→网络→翻译服务器→翻译结果→返回网页
但我这次做的东西不太一样。
它的核心思路是:
网页→本地浏览器插件→本地翻译服务→本地大模型→翻译结果
整个翻译过程,可以在自己的电脑上完成。
这里使用的,就是腾讯的 Hy-MT2-1.8B 模型。
前段时间,我其实已经 Vibe Coding 过一个基于这个模型的本地翻译应用。
这次算是顺手又折腾了一下:
既然桌面端已经可以翻译,那能不能让它直接翻译浏览器里的网页?
于是,就有了今天这个东西。
三、这次到底做了什么?
整个工具实际上由两个部分组成。
① 浏览器插件
负责把翻译功能接入浏览器。
打开英文、日文等外文网站之后,可以直接在网页上进行翻译。
② 本地桌面应用
这个应用实际上是整个系统的大模型载体和本地翻译服务。
因为浏览器插件本身受到浏览器权限和运行环境的限制,我没有直接把大模型塞进浏览器插件里。
所以采用了这样的架构:
浏览器插件↓本地翻译服务↓Hy-MT2-1.8B↓返回翻译结果
因此,两者需要同时运行。
浏览器插件负责网页,桌面应用负责模型。
四、实际效果怎么样?
下面直接演示。
我们打开 Google,随便找一个英文网站。
然后打开浏览器右上角的插件。
勾选:
「翻译」
稍微等一会儿。
你会发现:
网页上的英文,已经被翻译成中文了。
而且整个过程并不需要把内容发送到外部翻译服务器。
这也是这个工具最核心的一个特点:
模型在本地,翻译也在本地。
我自己把这个模型推荐给了一些朋友试用,大家对实际翻译质量的反馈都还不错。
当然,它肯定不是万能的。
但对于日常阅读技术文档、网页资料来说,我个人觉得已经挺实用了。
五、一次性翻译,还是自动翻译?
这里有两个比较实用的功能。
「翻译本页」
如果你打开的是一篇普通文章,网页内容基本不会继续变化。
那么直接点击一次:
翻译本页
就可以了。
「自动翻译此站点」
但有一些网站比较特殊。
比如你不断往下滚动,它还会继续加载新的内容。
这种情况下,如果每次都手动点击翻译,体验就比较麻烦。
所以我又做了一个:
自动翻译此站点
开启之后,网站后面动态加载出来的新内容,也会继续进行翻译。
对于一些信息流网站或者动态加载的网站,这个功能会比较方便。
六、高级设置要不要调整?
这里我建议普通用户:
不要动。
默认设置基本就可以使用。
不过,如果你的电脑配置比较好,也可以适当增加并发数。
并发数增加之后,可以同时处理更多内容,从而提高翻译速度。
当然,这个东西还是要看你的电脑配置。
机器性能一般的话,没有必要为了速度把并发数拉得特别高。
七、这个小角标是什么?
大家在使用翻译功能的时候,可能会看到页面上出现一个小角标。
它主要用来显示:
当前翻译进度和状态。
比如正在翻译多少内容、当前处理到了什么位置等等。
但我后来发现一个问题:
有些网站的按钮特别密集。
这个角标如果刚好挡在网站的交互按钮上……
那就比较尴尬了。
所以我又加了一个:
角标隐藏功能。
如果不想看,可以直接隐藏。
当然,也可以在显示状态下,把角标拖到页面的其他位置。
八、仅译文 or 双语对照?
这个功能我个人还是比较喜欢的。
翻译模式可以选择:
仅显示译文
或者:
双语对照
比如我们打开双语对照。
原来的网页内容不会消失。
翻译结果会出现在原文附近。
这样看起来就是:
English English English 中文 中文 中文
这样的效果。
对于单纯阅读来说,「仅译文」会更加干净。
但如果你正在学习英语、日语或者其他语言,我反而比较推荐双语对照。
看到一个自己不认识的表达,可以直接对着原文和译文一起看。
有时候反而比单纯看中文更容易记住。
九、我觉得它真正有意思的地方,其实不是“翻译”
这里其实是我做这个东西的时候,一个比较重要的想法。
假设你是一名大学生。
学校的内网可以访问一些学习资料。
但是晚上 11 点之后断网……
老许是 90 后,不知道现在的 00 后、10 后学校还断不断网 😂
又或者:
你所在的工作环境只有企业内网。
一些内部系统可以访问,但外网访问受限。
偏偏你现在打开了一份英文技术资料。
这个时候,Google 翻译、在线 AI 翻译工具,都不一定能帮上忙。
但是:
你的电脑上如果已经有一个本地大模型呢?
那情况就完全不一样了。
网页还是网页。
模型就在电脑里。
翻译也在电脑里完成。
不需要依赖外部网络。
这其实才是我觉得这个项目比较有意思的地方。
十、安装其实很简单
下面说一下怎么安装。
这里以 Chrome 为例。
Edge 等基于 Chromium 的浏览器,操作也基本类似。
第一步:打开扩展程序
点击浏览器右上角的菜单。
找到:
扩展程序 → 管理扩展程序
进入扩展程序管理页面。
第二步:打开开发者模式
在扩展程序管理页面的右上角:
打开:
开发者模式
第三步:加载插件
打开开发者模式之后。
点击左上角:
加载已解压的扩展程序
然后选择我们解压出来的:
htansfer 文件夹
选中之后,就可以在浏览器的扩展程序列表中看到它了。
十一、别忘了启动桌面应用
不过,到这里还不能直接使用。
因为前面说过:
浏览器插件只是前端。
真正运行 Hy-MT2-1.8B 模型的是我们的桌面应用。
所以安装好插件之后,还需要:
启动桌面翻译应用。
启动之后,它会自动加载模型。
浏览器插件会调用这个本地翻译服务。
所以:
浏览器插件 + 本地桌面应用,需要同时运行。
如果你发现插件点了没反应,第一件事就是看看:
桌面翻译程序有没有启动。
十二、桌面应用本身也可以用来翻译
当然,这个桌面应用并不只是给浏览器插件提供服务。
它自己也可以直接进行日常翻译。
打开之后,在左下角可以切换:
目标语言
然后把需要翻译的原文粘贴进去。
点击:
翻译
就可以直接使用。
所以从功能上来说,它本身也是一个简单的本地翻译工作台。
十三、其实不只是网页翻译
做到这里的时候,我突然觉得:
这个 Hy-MT2-1.8B 的本地化应用空间其实挺大的。
浏览器网页只是其中一种应用方式。
如果把模型作为一个本地翻译引擎,那么理论上还可以继续做很多东西。
比如:
- PDF 翻译
- Word 文档翻译
- 字幕翻译
- Markdown 翻译
- 电子书翻译
甚至可以针对一些特定的阅读场景,做一个完整的:
本地 AI 阅读器。
这些其实都可以通过 Vibe Coding 一点一点做出来。
所以我这次分享的,可能不仅仅是一个:
「浏览器翻译插件」
我更希望大家看到的是一种:
大模型本地化之后,还能怎么玩?
的思路。
十四、最后
好了。
大致的使用方式就是这些。
我个人实际使用下来,感觉还是比较丝滑的。
尤其是在浏览一些英文技术文档的时候,不需要:
复制→打开翻译软件→粘贴→翻译→再回来
而是直接在网页上完成。
对于经常需要阅读外文资料的人来说,确实方便不少。
当然,这个东西目前也只是我自己 Vibe Coding 出来的一个小工具。
可能还有很多不完善的地方。
如果大家在使用过程中发现 Bug,或者有一些新的需求,也可以在评论区告诉我。
比如:
「老许,能不能做个 PDF 自动翻译?」
「老许,能不能翻译 Word?」
「老许,能不能做个字幕翻译?」
如果需求比较有意思……
我可以继续 Vibe Coding 一下。
毕竟……
这会儿我也没几个粉丝。😂
相关的程序压缩包,我会上传到网盘。
下载地址我会放在评论区 / 正文中。
如果这个小工具刚好能够帮到你,那就算没有白折腾。
感谢大家看到这里。
我是老许。
我们下次见。