Translate 是一款完全免费、支持商业使用的开源翻译工具,仅需2行JS代码,即可实现网站全自动多语言翻译(目前已支持上百种语言),页面无需改动,无任何语言配置文件,无API Key,对SEO友好。
Translate 提供出色的拓展能力,支持用户自定义翻译指定区域、切换语言及美化效果,自定义翻译术语等等。Translate 在全球有多个网络节点(如美洲、欧洲、亚洲),可自动适配最快节点,内置多层缓存和预加载机制,具备毫秒级翻译能力,保障翻译功能在全球范围内都稳定使用。
开源地址:https://github.com/xnx3/translate
特性说明
✅使用极其简单: 只需直接加入几行 JavaScript 代码即可让其拥有上百种语言切换能力,同时提供强大拓展能力,支持在开源上做定制功能开发。
✅不增加工作量: 无需改造页面本身植入大量垃圾代码变得臃肿,也不需要配置各种语种的语言文件,因为它会直接扫描你的DOM自动识别并翻译显示,它不需要你到某某网站登录去申请什么key,它是开源开放的,拿来就能用。
✅极其灵活扩展: 可指定它只翻译某些指定区域的元素、自定义切换语言方式及美化、某些id、class、tag不被翻译、自定义翻译术语、只要你想的,它都能做到。
✅自动切换语种: 可自动根据用户的语言喜好及所在的国家切换到这个语种进行浏览。
✅极速翻译能力: 内置三层缓存、预加载机制,毫秒级瞬间翻译的能力。并不是传统的大模型的逐个字输出的形式。
✅永久开源免费: 采用MIT开源协议,可永久免费使用。另外你可以用它来做某些系统的三方插件直接售卖盈利。
✅搜索引擎友好: 完全不影响网站本身搜索引擎的收录。爬虫所爬取的网页源代码,它不会对其进行任何改动,可完全放心。
✅支持私有部署: 在某些政府机关及大集团内部项目中,对数据隐私及安全保密有强要求场景、或者完全不通外网的场景,可以自行私有部署翻译API服务。
✅全球网络节点: 美洲、亚洲、欧洲都有网络节点,它能自动适配最快节点,每间隔1分钟自动获取一次延迟最小的节点进行接入使用,使全球范围使用都可高效稳定。
✅支持商业化: 系统提供整体的浏览器翻译插件的全套方案,您如果是开发者,完全可以拿去将界面美化包装一下,而后直接提交应用市场进行售卖盈利。
实现原理
![图片[1]-Translate 开源翻译工具,仅需两行代码实现网页全自动翻译-十一张](https://www.11zhang.com/wp-content/uploads/2026/05/2a60d15e1a20260507113157.webp)
快速接入
随便打开一个网页,右键选择 [
![图片[2]-Translate 开源翻译工具,仅需两行代码实现网页全自动翻译-十一张](https://www.11zhang.com/wp-content/uploads/2026/05/4a47a0db6e20260507114715.webp)
粘贴入以下代码并回车:
var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'https://res.zvo.cn/translate/inspector_v2.js'; head.appendChild(script);
![图片[3]-Translate 开源翻译工具,仅需两行代码实现网页全自动翻译-十一张](https://www.11zhang.com/wp-content/uploads/2026/05/fb5c81ed3a20260507114716.webp)
![图片[4]-Translate 开源翻译工具,仅需两行代码实现网页全自动翻译-十一张](https://www.11zhang.com/wp-content/uploads/2026/05/10fb15c77220260507114717.webp)
在当前网页的左上角,就出现了一个大大的切换语言,切换即可即时翻译,如下图。
![图片[5]-Translate 开源翻译工具,仅需两行代码实现网页全自动翻译-十一张](https://www.11zhang.com/wp-content/uploads/2026/05/09dd8c266220260507114718.webp)
在线体验Demo
http://res.zvo.cn/translate/demo.html
项目集成
在项目网页最末尾,
<script src="https://cdn.staticfile.net/translate.js/3.18.66/translate.js"></script>
<script>
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等
translate.service.use('client.edge'); //设置机器翻译服务通道,相关说明参考 http://translate.zvo.cn/545867.html
translate.listener.start(); //开启页面元素动态监控,js改变的内容也会被翻译,参考文档: http://translate.zvo.cn/4067.html
translate.execute();//完成翻译初始化,进行翻译
</script>
当然!你也可以从官方或下方的网盘下载 translate.js 文件放到你自己的服务器。
https://pan.quark.cn/s/1f3c5223875d
https://pan.baidu.com/s/1YSqNvuKIpEA2yuDIEfHlzw?pwd=1140
https://url57.ctfile.com/d/16898257-163306708-03135e?p=1140
https://pan.xunlei.com/s/VOs01Fxnqyo0tMOtFWM0i_q1A1?pwd=t6ex
https://1811664795.share.123865.com/123pan/q7CRVv-Y809d
然后页面中引入 js 文件:
<script src="./translate.js"></script>
在页面最底部加入 js 代码:
//translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面的,都不进行翻译。
//translate.ignore.class.push('test'); //翻译时指定忽略的class name,凡是class name 在这里面的,都不进行翻译。如果不设置默认只有 ignore 这一个
//translate.setAutoDiscriminateLocalLanguage(); //设置用户第一次用时,自动识别其所在国家的语种进行切换
translate.service.use('client.edge'); //设置翻译通道,上线时建议切换到更稳定高速的翻译通道,参考文档: http://translate.zvo.cn/545867.html
translate.listener.start(); //开启页面元素动态监控,js改变的内容也会被翻译,参考文档: http://translate.zvo.cn/4067.html
translate.execute(); //执行翻译初始化操作,显示出select语言选择
私有部署
由于 Translate 是开源项目,翻译时会把内容传到翻译接口,如果您对隐私有极高要求,建议自己私有化部署 translate 翻译服务,部署后将地址配置到网站中即可。
部署教程:https://translate.zvo.cn/391129.html
翻译服务通道,推荐使用微软免费翻译,如果需要更准确的翻译,可以考虑使用 GiteeAI 大模型翻译。
2026-05-07 14:19:23,某些文章具有时效性,若有错误或下载地址失效,请在文末评论区留言




















暂无评论内容