雷鸣 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
雷鸣 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
雷鸣 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 Apache
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发网页组件
开源组织
地区 不详
投 递 者 鬼画符
适用人群 未知
收录时间 2022-04-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

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣
发表了资讯
07/21 20:37

多语言翻译 js v1.1,增加 10 秒内使网站支持多语言能力的调试

软件简介 自动将html网页自动翻译为多国语言,引入一个js,一行代码实现!效果同Chrome自动翻译。适用给网站快速增加多种语言切换的场景 升级重点:在网页上几秒增加多语言切换能力: 随便打开一个网页 右键-审查元素 粘贴入以下代码: var head= document.getElementsByTagName('head')[0];  var script= document.createElement('script');  script.type= 'text/javascript';  script.src= 'https://res.zvo.cn/translat...

5
16
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
0 评论
11 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部