雷鸣网页自动翻译工具

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

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

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

  1. 随便打开一个网页
  2. 右键-审查元素
  3. 粘贴入以下代码:   
    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); 
  4. Enter 回车键 , 执行
  5. 在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。

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

浏览 2
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报