translate.js 前端翻译


两行js实现html全自动翻译。

无需改动页面、无语言配置文件、无API Key、对SEO友好!

特性说明

在线体验

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

测试效果

先拿别人的网站动手试试效果
效果

  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_v2.js'; head.appendChild(script);
  4. Enter 回车键 , 执行
  5. 在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。

快速使用

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

  1. <script src="https://cdn.staticfile.net/translate.js/3.5.1/translate.js"></script>
  2. <script>
  3. translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明。
  4. translate.service.use('client.edge'); //设置机器翻译服务通道,直接客户端本身,不依赖服务端 。相关说明参考 http://translate.zvo.cn/43086.html
  5. translate.execute();//进行翻译
  6. </script>

详细使用

使用示例

普通网站中点击某个语言进行切换
如下图所示,网站中的某个位置要有几种语言切换

直接在其html代码末尾的位置加入以下代码:

  1. <!-- 增加某种语言切换的按钮。注意 ul上加了一个 class="ignore" 代表这块代码不会被翻译到 -->
  2. <ul class="ignore">
  3. <li><a href="javascript:translate.changeLanguage('english');">English</a></li>|
  4. <li><a href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a></li>|
  5. <li><a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a></li>
  6. </ul>
  7. <!-- 引入多语言切换的js -->
  8. <script src="https://cdn.staticfile.net/translate.js/3.2.1/translate.js"></script>
  9. <script>
  10. translate.selectLanguageTag.show = false; //不出现的select的选择语言
  11. translate.service.use('client.edge'); //设置翻译服务
  12. translate.execute();
  13. </script>

谁在使用

截止 2023.7 月份时,本项目的后端免费翻译服务的请求量就已经达到了 1.5亿次/月 的规模,并且还在非常快速的持续增大,包括一些城投集团像是长沙城投、以及一些政府单位像是环境保障局、企业国际化经营服务平台、海外矿业产业联合、国际潮青联谊年会、人力资源和社会保障局、政务服务网、海外的一些平台如futrom智能住宅、bitheime全球区块链等等都在广泛使用。
这里给出两个使用比较好的网站作为实际示例参考:

另外,很多开源框架及产品也都已将此翻译能力接入了自身系统,赋予自身系统多语言切换能力。比如 Discuzwangmarket CMSLayui易优CMS迅睿CMSPear AdminWoShop……

结构图示

其他事项

  1. 如果您遇到任何解决不了的问题,我们可提供有偿协助,帮您更好的使用它
  2. 默认每个网站每日有500万翻译字符上限,以规避恶意利用,如果您翻译量达到上限了,免费放开上限,点此查看加这个上限的解释另外如果您有设置使用 client.edge 方式,则不再有日翻译上限,可任意使用
  3. 开源免费版本翻译可能会偶尔稳定性出现波动,比如一天24小时可能会有5分钟不稳定,如果您对稳定性比较看重有要求,可以采用收费的企业版专用翻译通道 http://translate.zvo.cn/43262.html

寻找合作伙伴盈利 - 全自有技术研发

1. html源码翻译开放API
2. 企业级翻译通道代理
3. TCDN全自动网站源码级翻译,适合翻译后语种的SEO优化
联系:17076012262(微信同号) 我们是纯技术团队,欢迎联系,希望能跟你探讨合作盈利商机