前端多语言 i18n 两行js实现html全自动翻译
|
freeflydom
2025年9月8日 11:18
本文热度 286
|
简单,免费,快速翻译,支持私有化部署等。

随便打开一个网页
右键 - 审查元素
粘贴入以下代码:
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 回车键 , 执行
在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。
http://res.zvo.cn/translate/demo.html
在网页最末尾, </html>
之前,加入以下代码,一般在页面的最底部,就会选择语言的 select 切换标签 :
<script src="https://cdn.staticfile.net/translate.js/3.17.0/translate.js"></script>
<script>
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等
translate.service.use('client.edge'); //设置机器翻译服务通道,相关说明参考 http://translate.zvo.cn/545867.html
translate.listener.start(); //开启页面元素动态监控,js改变的内容也会被翻译,参考文档: http://translate.zvo.cn/4067.html
translate.execute();//完成翻译初始化,进行翻译
</script>
完整内容请查看原文 https://github.com/xnx3/translate
该文章在 2025/9/8 11:18:15 编辑过