支持html网页多语言全自动翻译转换的js插件

translate.js是一款通过AI实现i18n(国际化Internationalization),使用极其简单的网页语言自动翻译切换插件,支持中文简繁体转换、其它语言自动翻译,无需改动页面、无语言配置文件、无API Key,插件直接扫描HTML DOM并自动识别翻译显示,采用MIT开源协议,拿来即可永久免费使用。

插件扩展极其灵活、翻译能力快速、全球网络节点、源站翻译及域名分发、微调指令丰富、支持VUE项目。

transform_js.jpg

使用方法:

快速使用

在网页代码末端</body>前面,加入以下代码:

<script src="https://cdn.staticfile.net/translate.js/3.12.0/translate.js"></script>
<script>
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明。
translate.service.use('client.edge'); //设置机器翻译服务通道,直接客户端本身,不依赖服务端 。相关说明参考 http://translate.zvo.cn/43086.html
translate.execute();//进行翻译 
</script>

刷新页面后,在网页最底部会出现选择语言的 select 标签,在select下拉中选择语言就会自动翻译切换。

自定义使用
<!-- 增加某种语言切换的按钮。注意 ul上加了一个 class="ignore" 代表这块代码不会被翻译到 -->
<ul class="ignore">
	<li><a href="javascript:translate.changeLanguage('english');">English</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a></li>
</ul>

<!-- 引入多语言切换的js -->
<script src="https://cdn.staticfile.net/translate.js/3.12.0/translate.js"></script>
<script>
	translate.selectLanguageTag.show = false; //不出现的select的选择语言
	translate.ignore.class.push('ignore'); //如果使用默认ignore,这句可不添加,如果想换成其它class name就添加这句,然后修改里面的ignore
    translate.service.use('client.edge'); //设置机器翻译服务通道
	translate.execute();
</script>

更多介绍及使用说明可访问项目地址:https://gitee.com/mail_osc/translate

关键词: jquery插件