项目地址:https://gitee.com/mail_osc/translate
国际化,网页自动翻译,在谷歌翻译的基础上进行了优化,同谷歌浏览器自动翻译的效果,适用于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 回车键 , 执行
在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。
使用方法
<script src="//res.zvo.cn/translate/translate.js"></script>
<script> translate.execute();//进行翻译 </script>
扩展用法
你想在你页面什么地方显示,就吧下面这个放到哪即可。
<div id="translate"></div>
或者
<span id="translate"></span>
用CSS来美化一下
<style>
.translateSelectLanguage{
position: absolute;
top:100px;
right:100px;}
</style>
这就是控制切换语言的 <select>
标签
设定 select 切换语言,支持哪些语言可切换
<script>
translate.selectLanguageTag.languages = '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