AI i18n 专注于网页多语言切换

两行js实现html全自动翻译,页面无需改动,无语言配置文件,无API Key,对SEO友好,MIT开源商用免费

普通网页快速接入示例
<script src="https://cdn.staticfile.net/translate.js/3.18.66/translate.js"></script>
<script>
translate.service.use('client.edge'); //设置机器翻译服务通道,相关说明参考 http://translate.zvo.cn/545867.html
translate.listener.start(); //开启页面元素动态监控,js改变的内容也会被翻译,参考文档: http://translate.zvo.cn/4067.html
translate.execute();//完成翻译初始化,进行翻译
</script>
在网页最末尾, </html> 之前,加入以下代码,一般在页面的最底部,就会出现选择语言的 select 切换标签    详细解说

接入 translate.js 的流程

你的 网站/管理后台/混合开发app/... 要使用它来做多语言切换,从接入,到正式上线的流程

引入 translate.js 最快看效果

在您的前端页面中引入 translate.js 文件,最快看到效果,了解它翻译的原理,确定它适合你的功能需求。
详细解说
1
2

针对功能需求方便微调扩展

针对你本身产品的需求,通过丰富的 微调指令,对多语言切换的细节进行深入精细的微调,满足你所有的精细化功能需求!

优化使用体验及视觉效果

网页打开时会先显示原文一瞬,然后再显示翻译后的文本;进行翻译时网络请求会延迟一两秒出现一个短暂的延时问题,全部解决掉,我们要完美
3
4

项目上线更快更稳定

可以选择切换更快的翻译通道、多层缓存加速、甚至私有部署独享通道,获得更稳定、高速的使用体验。

我们还有哪些翻译产品

translate.js 衍生了一系列扩展能力,在其他各个不同的领域,默默对当前的现状进行着改变。

translate.service

可提供后端翻译接口支持,在无外网场景下,接入 translate.js 使用多语言切换能力

  • 可单独使用它的   文本翻译API
  • 私有部署大模型,输出文本翻译API
  • 内存及多线程加速、译文微调 等多项能力

HTML源代码翻译接口

传入html源代码,指定要显示的语种,即可完成整个html中内容的翻译输出。

  • 它是对整个html进行自动识别分析,比如 img 的 alt 属性的文字都会进行翻译。
  • 完美支持识别各种复杂及不规范、css、js混合杂乱的html源代码
  • 支持翻译前的微调,比如不翻译某个区域、图片翻译、js语法操作html文件中的元素进行增删改等

浏览器翻译插件

提供整体的浏览器翻译插件的全套方案,您如果是开发者,完全可以拿去使用。

  • 版权开放,支持直接提交应用市场进行售卖盈利
  • 可接入自己的浏览器作为翻译功能支持

TCDN网页翻译分发

将您或您朋友现有的网站,翻译成全新的小语种网站,小语种网站可以分别绑定域名并支持搜索引擎收录和排名。

  • 您的源站无需任何改动
  • 你无需向你朋友取得任何的如账号等相关管理权限
  • 它相当于对你的源站进行实时镜像同步,同时翻译为指定的语种,对外提供访问。

文本翻译小模型

translate100 是一个用于翻译任务的 seq-to-seq 架构、基于 Transformer 的神经机器翻译模型,经过蒸馏、优化、集成打包后,得到的可以完全适配 translate.js 的一键部署应用。

  • 它的翻译能力很一般,面相的是在超低配机器(1核2G内存)运行使用
  • 适配全球主流的上百个语言
  • 淘宝100块的 NVIDIA p106 可以达到 90tokens/s

微调指令

拥有极其丰富的扩展指令,以进行各种精准控制,满足各种难缠客户的所有刁钻要求

translate.selectLanguageTag.xxx

切换语言select选择框的自定义设置

translate.setDocuments(documents);

只翻译指定的元素

translate.changeLanguage('english');

主动进行语言切换

translate.language.setLocal('english');

设置本地语种(当前网页的语种)

translate.request.translateText(...);

手动调用接口进行翻译操作

translate.images.add(...)

对网页中图片进行翻译

translate.language.setDefaultTo('english');

设置默认翻译为的语种

translate.nomenclature.append(...);

自定义翻译术语

translate.listener.renderTaskFinish = function();

翻译完后自动触发执行

translate.request.setHost(...);

指定翻译服务接口

translate.listener.start();

监控页面动态渲染的文本进行自动翻译

translate.setAutoDiscriminateLocalLanguage();

自动切换为用户所使用的语种

translate.ignore.text.push('你好');

翻译时忽略指定的文字不翻译

translate.ignore.id.push('test');

翻译时忽略指定的id

translate.ignore.class.push('test');

翻译时忽略指定的class属性

translate.ignore.tag.push('span');

翻译时忽略指定的tag标签

translate.language.translateLanguagesRange = [xxx];

设置只对指定语种进行翻译

translate.language.recognition('xxx')

识别字符串语种及分析

translate.storage = ... ;

重写一级缓存-浏览器缓存

translate.service.use('client.edge');

设置使用的翻译服务 translate.service.use

translate.language.clearCacheLanguage();

清除历史翻译语种的缓存

translate.request.response

翻译接口响应捕获处理

translate.whole.enableAll();

元素的内容整体翻译能力配置

translate.office.append(...);

离线翻译及自动生成配置

translate.language.setUrlParamControl();

根据URL传参控制以何种语种显示

translate.language.getCurrent();

获取当前显示的是什么语种

translate.language.getLocal();

获取本地语种

translate.selectionTranslate.start();

鼠标划词翻译

translate.execute(eles);

翻译后再手动对某些元素节点翻译

translate.enterprise.use();

启用企业级稳定翻译

translate.request.listener.start();

网页ajax请求触发自动翻译

translate.element.tagAttribute['input']=['value','data-value'];

增加对指定标签的属性进行翻译

translate.language.translateLocal = true;

本地语种也进行强制翻译

translate.listener.execute.xxx.push(...);

自定义通过翻译API进行时的监听事件

translate.language.textTranslateReplace(...);

对某个句子中的某个单词进行翻译替换-文本处理

translate.progress.api.startUITip();

启用翻译中的遮罩层

translate.js.transObject(...)

对JS对象及代码进行翻译

translate.request.appendParams = ...;

网络请求自定义附加参数

translate.network.use();

网络请求数据拦截并翻译

translate.waitingExecute.use = false;

翻译排队执行

translate.language.getTranslateAreaText();

获取翻译区域显示的原始文本

translate.language.recognitionAlgorithm

重写语种识别策略

translate.request.api.translate = 'xxx';

默认网络请求的自定义控制

translate.lifecycle.execute.xxx.push(...)

进行翻译的生命周期监控及触发

translate.visual.webPageLoadTranslateBeforeHiddenText();

网页打开时自动隐藏文字,翻译完成后显示译文

translate.reset();

将翻译后的页面进行还原回翻译前的

translate.time.execute.start();

启用翻译性能监控

常见问题

查看更多

GiteeAI翻译通道-生成 API Key 使用的说明

比如直接使用文本翻译API、或打包成APP、桌面客户端应用等使用,这种情况下使用时,是没有域名相关的,所以无法通过域名来进行控制。 前提 需要通过在线方式开通账号, 具体参考: httptranslatezvocn545867html 增加一个UUID 你需要创建一个全部有英文跟数字组合的U

常见问题-为什么alert弹出提示的文字没有被翻译

如果你网站中使用了 alert、confirm 会发现,即使你启用了 监控页面动态渲染的文本进行自动翻译4067html 但是弹出提示它依旧没有被翻译,因为像是 alert 并不会触发dom的改变,而通常像是弹出提醒现在都是有UI框架提供更好看的弹出提示效果,直接使用js原本的 alert 做弹出提示非常少,所以如果你

切换语言时,会出现原本语言文字一闪后在显示译文

TOC 场景 进行网页浏览时,当前网页是中文的,通过切换语种切换成了英文,当点击这个网页中的超链接后打开新页面进行浏览时,发现新页面会先显示原本的中文内容,1秒后才变成了英文内容 解释 新打开的页面先显示原本的中文内容,是因为 translatejs 会有个翻译的过程,并不是实时立即就翻译完毕,它会

支持的语种表 - translate.service通道

corsican科西嘉语 guarani瓜拉尼语 kinyarwanda卢旺达语 hausa豪萨语 norwegian挪威语 dutch荷兰语 yoruba约鲁巴语 english英语 gongen贡根语 latin拉丁语 nepali尼泊尔语 french法语 czech捷克语 hawaii

每日翻译字符上限的解释

注意 这是使用translatejs 中默认内置的开源翻译通道才会有这个限制,而你上线的项目,我们建议你采用启用了内存缓存跟文件缓存的giteeai通道,来提供极速的翻译通道支持。具体可参考: 项目上线 - 更换更稳定响应更快翻译更好的大模型翻译通道545867html 说明 首先很荣幸,我们的多语言翻

文本翻译开放API接口文档

对文本进行翻译,传入一句或多句文本,设定上要翻译为什么语种,比如英文,它会立即进行翻译给你返回。 API文档 httpapizvocntranslateservice20250814translatejsonhtml 这个API文档提供快速测试及参考,真正使用时要针对这个文档进行以下调整: 真正对接

开始使用我们的翻译解决方案

集成简单,功能强大,为您的全球用户提供无缝的多语言体验。如遇到问题可联系我们求助