老许的碎碎念SUI SUI NIAN

← 回到首页

无需联网,无需上传:Hy-MT2-1.8B 离线插件,还给你的双语对照自由

让网页翻译也能“离线”:我用 Hy-MT2-1.8B Vibe Coding 了一个浏览器翻译插件

Hy-MT2-1.8B 离线翻译插件 配图
一个浏览器插件 + 一个本地桌面应用

▶ 视频版 · 与本文内容相同(11:46)· 在 B 站观看

目 录
  1. 为什么我要做这么一个东西?
  2. 离线翻译,听起来是不是有点反直觉?
  3. 这次到底做了什么?
  4. 实际效果怎么样?
  5. 一次性翻译,还是自动翻译?
  6. 高级设置要不要调整?
  7. 这个小角标是什么?
  8. 仅译文 or 双语对照?
  9. 它真正有意思的地方,其实不是“翻译”
  10. 安装其实很简单
  11. 别忘了启动桌面应用
  12. 桌面应用本身也可以用来翻译
  13. 其实不只是网页翻译
  14. 最后

网页离线翻译、双语对照、不依赖外网。
一个浏览器插件 + 一个本地桌面应用,就可以把大模型搬到自己的电脑上。

大家好,我是老许

今天想和大家分享一个我最近 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 一下。

毕竟……

这会儿我也没几个粉丝。😂

相关的程序压缩包,我会上传到网盘。

下载地址我会放在评论区 / 正文中。

程序压缩包 · 网盘下载

https://pan.quark.cn/s/ab1cefb8d14a?pwd=9EtF

提取码9EtF

如果这个小工具刚好能够帮到你,那就算没有白折腾。

感谢大家看到这里。

我是老许。

我们下次见。