雷鸣网页自动翻译工具-技术圈

雷鸣网页自动翻译工具

联合创作 · 2023-09-23 07:14

雷鸣网页自动翻译，在谷歌翻译的基础上进行了优化，同谷歌浏览器自动翻译的效果，适用于html网页，增加两行js即可实现多国语言切换的能力。

在网页上几秒增加多语言切换能力：

随便打开一个网页

右键-审查元素

粘贴入以下代码：

var head= document.getElementsByTagName('head')[0];  var script= document.createElement('script');  script.type= 'text/javascript';  script.src= 'https://res.zvo.cn/translate/inspector.js';  head.appendChild(script);

Enter 回车键，执行

在当前网页的左上角，就出现了一个大大的切换语言，切换试试看。

DEMO示例

http://res.zvo.cn/translate/demo.html

快速使用

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

<script src="http://res.zvo.cn/translate/translate.js"></script>

<script> translate.execute();  //进行翻译  </script>

更多扩展用法

CSS美化切换语言按钮

可使用css来控制切换语言选择的显示位置及美观。如：

<style>

.translateSelectLanguage{

	position: absolute;

	top:100px;

	right:100px;

}

</style>

这就是控制切换语言的 <select> 标签

设定当前支持哪些语言可切换

<script>

	translate.includedLanguages = 'zh-CN,zh-TW,en';  //注意要放到 translate.execute(); 上面

	translate.execute();

</script>

默认不设置此，则支持简体中文、繁体中文、英语三种。可设置的语言包括：

de,hi,lt,hr,lv,ht,hu,zh-CN,hy,uk,mg,id,ur,mk,ml,mn,af,mr,uz,ms,el,mt,is,it,my,es,et,eu,ar,pt-PT,ja,ne,az,fa,ro,nl,en-GB,no,be,fi,ru,bg,fr,bs,sd,se,si,sk,sl,ga,sn,so,gd,ca,sq,sr,kk,st,km,kn,sv,ko,sw,gl,zh-TW,pt-BR,co,ta,gu,ky,cs,pa,te,tg,th,la,cy,pl,da,tr

更多使用方式文档可查阅 https://gitee.com/mail_osc/translate

编辑分享