随着互联网的普及和全球化的趋势,越来越多的企业和个人将目光投向了海外市场。
在这个背景下,网站国际化成为了一个必不可少的环节。
今天,我们就来介绍一款基于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
六、总结
translate.js项目快速实现网站国际化。
通过简单易懂的教程,让您的网站迅速拥抱全球用户。
你如果还在苦于 i18n 动态配置翻译文件来实现翻译的大工作量,不如来试试translate.js,为你节省99.99%的翻译时间,快来体验吧!
写在最后(私活源码)
今天还给大家分享一套基于Springboot+Vue的二手平台管理系统源码,在实际项目中可以直接复用。(免费提供,文末自取)
一、系统运行图(设计报告和接口文档)
1、登陆页面
2、后台页面
3、设计报告包含接口文档
二、系统搭建视频教程
源码免费领取方式
扫码关注本号,回复 二手
扫码关注本号,回复 二手
持续关注本号,分享更多项目源码