只需两行代码，让你的网站瞬间支持上百种语言翻译

只需两行代码，让你的网站瞬间支持上百种语言翻译

【免费下载链接】translateAI i18n, Two lines of js realize automatic html translation. No need to change the page, no language configuration file, no API key, SEO friendly!项目地址: https://gitcode.com/gh_mirrors/trans/translate

还在为网站国际化发愁吗？translate.js 是一个革命性的 AI 翻译工具，它能让你用最简单的两行 JavaScript 代码，为任何网页添加上百种语言的自动翻译能力。无需改动页面结构、无需语言配置文件、无需 API Key，完全开源免费，而且对 SEO 极其友好！

🚀 为什么选择 translate.js？

在这个全球化的时代，让你的网站支持多语言访问不再是复杂的技术挑战。translate.js 为你提供了最优雅的解决方案：

• 极简集成：只需在页面底部添加两行代码，你的网站就能立即支持上百种语言切换
• 零配置启动：无需申请 API Key，无需编写语言配置文件，AI 自动识别并翻译
• SEO 友好：翻译过程不影响搜索引擎收录，爬虫看到的仍然是原始页面代码
• 完全免费：采用 MIT 开源协议，可永久免费使用，甚至可用于商业项目
• 私有化部署：支持政府机关、企业内部项目的数据隐私和安全要求

💡 快速上手：3分钟让你的网站国际化

第一步：引入 translate.js

在你的网页</html>标签前，添加以下代码：

<script src="https://cdn.staticfile.net/translate.js/3.18.66/translate.js"></script> <script> translate.language.setLocal('chinese_simplified'); translate.service.use('client.edge'); translate.listener.start(); translate.execute(); </script>

第二步：见证奇迹

保存页面并刷新，你会在页面左上角看到一个语言选择框。点击它，选择任意语言，整个页面的内容就会瞬间完成翻译！

上图展示了 translate.js 在 Vue3 项目中的实际效果，页面无需任何改动即可支持多语言切换

第三步：自定义体验

你还可以根据自己的需求调整翻译行为：

// 只翻译特定区域 translate.setTarget(document.getElementById('main-content')); // 忽略某些元素不翻译 translate.ignore.addId('header'); translate.ignore.addClass('no-translate'); translate.ignore.addTag('code'); // 自定义翻译术语 translate.term.add('产品名称', 'Product Name');

⚙️ 核心功能：不只是翻译那么简单

智能 AI 翻译

translate.js 背后是强大的 AI 翻译引擎，支持超过 100 种语言的精准翻译。无论是中文、英文、日文、法文还是俄文，都能准确传达原文含义。

动态内容监控

对于使用 Vue、React 等前端框架构建的单页应用，translate.js 能够实时监控 DOM 变化：

translate.listener.start(); // 开启动态监控

当页面内容通过 JavaScript 动态更新时，translate.js 会自动检测并翻译新增内容，确保用户体验的一致性。

结构化数据翻译

除了网页内容，translate.js 还支持对 JavaScript 对象和数组进行翻译：

上图展示了 translate.js 对 Layui i18n 语言配置文件的一键翻译功能，可以直接将 JSON 对象翻译为目标语言

浏览器插件支持

项目还提供了完整的浏览器翻译插件方案，你可以直接使用或基于此开发自己的浏览器插件：

🔧 进阶配置：满足专业需求

翻译服务定制

虽然 translate.js 默认使用免费的翻译服务，但你也可以根据需求切换：

// 使用企业级稳定翻译通道 translate.service.use('enterprise'); // 使用私有化部署的翻译服务 translate.service.use('custom', { url: 'https://your-translate-api.com/translate' });

性能优化配置

为了获得最佳性能，translate.js 内置了多层缓存机制：

1. 浏览器缓存：翻译结果缓存在 localStorage 中
2. 内存缓存：当前会话中的翻译结果缓存
3. 预加载机制：智能预测用户可能切换的语言并提前加载

框架集成示例

translate.js 已经为各种流行前端框架提供了现成的集成方案：

🌍 实际应用场景

企业官网国际化

很多知名企业和机构已经在使用 translate.js：

开源项目集成

translate.js 已经被众多开源项目采用：

• DzzOffice：开源办公套件，搭建企业协同办公平台
• ModStart：基于 Laravel 的模块化全栈开发框架
• 管伊佳ERP：国产开源 ERP 系统关注度第一
• FixIt：Hugo 博客主题，支持多语言

🛠️ 私有化部署方案

对于有数据安全和隐私要求的企业，translate.js 支持完整的私有化部署：

翻译服务私有部署

1. 在自己的服务器上部署翻译 API 服务
2. 支持对接多种大模型（GiteeAI、Qwen3、GLM、DeepSeek 等）
3. 内置内存加速、多线程加速、鉴权等企业级功能

源站翻译及域名分发

将现有网站翻译成全新的小语种网站，每个语种可以绑定独立域名：

1. 源站无需任何改动
2. 小语种网站支持搜索引擎收录和排名
3. 支持数千个源站同时提供服务

轻量级翻译模型

针对低配置环境，项目还提供了超轻量级翻译模型 translate100：

• 在 1核2G 内存的服务器上即可运行
• 支持上百种语言翻译
• CPU 上可达 43 token/s 的处理速度
• 完全离线使用，无需联网

📊 项目优势对比

🎯 开始使用

获取项目源码

git clone https://gitcode.com/gh_mirrors/trans/translate

在线体验

想要立即体验 translate.js 的效果？打开任何网页，在浏览器控制台中执行以下代码：

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);

执行后，页面左上角就会出现语言切换按钮，立即体验实时翻译的魅力！

寻求帮助

如果在使用过程中遇到任何问题，可以通过以下方式获取帮助：

• QQ 交流群：1017938586、749330213
• GitHub Issues：提交问题和功能请求
• 文档中心：查看详细的使用文档和示例

💪 为什么你应该现在就开始使用？

translate.js 不仅仅是一个翻译工具，它是一个完整的国际化解决方案。无论你是个人开发者、初创公司还是大型企业，它都能为你提供：

1. 节省时间：传统 i18n 方案需要数周甚至数月，translate.js 只需几分钟
2. 降低成本：无需雇佣翻译团队，无需购买昂贵的翻译 API
3. 提升体验：用户可以在任何语言间无缝切换，无需刷新页面
4. 技术先进：基于 AI 技术，翻译质量持续提升
5. 社区支持：活跃的开源社区，持续更新和维护

不要再让语言障碍限制你的网站发展。立即尝试 translate.js，让你的网站走向世界，连接全球用户！

【免费下载链接】translateAI i18n, Two lines of js realize automatic html translation. No need to change the page, no language configuration file, no API key, SEO friendly!项目地址: https://gitcode.com/gh_mirrors/trans/translate