translate.js - 两行js实现html全自动翻译

追格_咖小啡/ 2024年12月30日/ 开源推荐/ 浏览 194

translate.js - 两行js实现html全自动翻译

无需改动页面、无语言配置文件、无API Key、对SEO友好!


开源地址:https://github.com/xnx3/translate


快速使用

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


<script src="https://cdn.staticfile.net/translate.js/3.2.1/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>


使用极其简单:无需前期准备,直接加入几行代码即可拥有多种语言全自动切换能力。


不增加工作量:无需另行改造页面本身,也没有各种语言都要单独配置的语言文件,更不需要你对页面本身要显示的文字区域进行代码调用,我认为那样对技术人员实在是太不友好了。而且它也不需要你到某某网站申请什么key,它本身就是开放的,拿来即用。


极其灵活扩展: 您可指定它只翻译某些指定区域、切换语言时显示下拉框还是通过摆放多个切换语言按钮进行、可指定某些特定的元素不进行翻译忽略……

发表评论

暂无评论,抢个沙发...

客服 工单