支持html网页多语言全自动翻译转换的js插件
translate.js是一款通过AI实现i18n(国际化Internationalization),使用极其简单的网页语言自动翻译切换插件,支持中文简繁体转换、其它语言自动翻译,无需改动页面、无语言配置文件、无API Key,插件直接扫描HTML DOM并自动识别翻译显示,采用MIT开源协议,拿来即可永久免费使用。
插件扩展极其灵活、翻译能力快速、全球网络节点、源站翻译及域名分发、微调指令丰富、支持VUE项目。
使用方法:
快速使用
在网页代码末端</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
下一篇 >>