推荐一款基于 JavaScript 的翻译工具库！5行代码，1秒实现网页多语言翻译！（带私活源码）

最新推荐文章于 2025-06-12 00:11:08 发布

程序员十一郎

最新推荐文章于 2025-06-12 00:11:08 发布

阅读量1.8k

点赞数 4

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript 工具项目源码开源

本文链接：https://blog.youkuaiyun.com/m0_68103666/article/details/143093822

随着互联网的普及和全球化的趋势，越来越多的企业和个人将目光投向了海外市场。

在这个背景下，网站国际化成为了一个必不可少的环节。

今天，我们就来介绍一款基于JavaScript的翻译工具库——translate.js，如何帮助我们实现网站国际化。

一、什么是translate.js？

translate.js是一个免费、开源的翻译工具库，支持多种语言之间的互译，如中英文、法文、日语、韩语、德语等。

它避免了API调用次数的限制和费用问题，且使用方法简单，方便快捷。

利用translate.js，我们就可以轻松实现网站国际化，让不同国家和地区的用户都能够方便地使用我们的网站。

二、独特优势

使用极其简单
不增加工作量
可动态配置
永久免费使用
无需API。 直接使用JavaScript实现翻译，避免了API调用次数的限制和费用问题；
支持多种语言之间的互译。

三、在线体验

http://res.zvo.cn/translate/demo.html

四、先用别人网站试试水

随便打开一个网页
F12（审查元素）
在控制台页签下粘贴入以下代码：


 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);

如下图：
Enter 回车键，执行
在当前网页的左上角，就出现了一个大大的切换语言，切换试试看。

五、如何快速使用

在网页最末尾， </html> 之前，加入以下代码，一般在页面的最底部就出现了选择语言的 select 切换标签。其实就这么简单：


 <script src="https://res.zvo.cn/translate/translate.js"></script>
 <script>
 translate.setUseVersion2(); //设置使用v2.x 版本
 translate.language.setLocal('chinese_simplified'); //设置本地语种（当前网页的语种）。如果不设置，默认自动识别当前网页显示文字的语种。
 translate.execute();//进行翻译 
</script>

更多使用方法可以至项目仓库一览：

https://gitee.com/mail_osc/translate