快速使用 - 让你最快看到效果,了解它翻译的原理
快速接入体验
在网页最末尾, </html>
之前,加入以下代码,一般在页面的最底部就出现了选择语言的 select 切换标签
<script src="https://gitee.com/mail_osc/translate/raw/master/translate.js/translate.js"></script>
<script>
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明。
translate.service.use('client.edge'); //设置机器翻译服务通道,直接客户端本身,不依赖服务端 。相关说明参考 http://translate.zvo.cn/43086.html
translate.listener.start(); //开启页面元素动态监控,js改变的内容也会被翻译 http://translate.zvo.cn/4067.html
translate.request.listener.start(); //对ajax请求进行监控,以进行对其翻译 http://translate.zvo.cn/4086.html
translate.execute();//进行翻译
</script>
点击切换语言,即可快速体验效果。
如果对哪个地方不满意,还可以对其进行精准微调。
任何你所不满意的地方,都可以按照你的心意进行微调。如果不满足,那你告诉我,我们针对性增加这个功能。
注意, translate.js 请下载到你自己服务器
为保证你翻译的稳定,请将 translate.js 下载,放到自己服务器上引入,保证翻译js的稳定载入,免得在线的 translate.js 流量高峰时加载慢或无法加载,导致你网页翻译异常。
它的原理
它的原理是,对页面的所有node元素进行扫描、识别,将文本进行抽离处理,然后通过调用翻译API接口进行翻译,翻译完毕后,将结果在进行赋予,于是,你就看到了语言切换的效果。
将其加到页面最尾部,也是为了保证当页面渲染后、文本都正常显示出来后,在去对元素进行扫描。
后端翻译开放API接口有我方跟开源中国 GiteeAI 联合定制,针对某些特定场景,比如工厂、政务的无网络环境、以及大企业需要的极高速翻译等,我们也有 翻译服务私有化部署版本 可供选择。
注意事项
translate.execute();
是最终触发翻译的自动执行,如果你只有设置,没有这一行,它是不会触发翻译的。- 另外如果你当前业务需求不需要页面加载完后自动进行翻译,只需要手动点击按钮后才会触发翻译,那么可以通过点击按钮后触发
translate.changeLanguage('english');
这个来 主动进行切换自己想要翻译的语言