AI i18n 专注于网页多语言切换。两行js实现html全自动翻译，页面无需改动，无语言配置文件，无API Key，对SEO友好，MIT开源商用免费
说到网站的多语言翻译功能，第一反应就是 i18n 配置多套语言包，然后实现语言切换。
但 GitHub 上面有个项目不用这么玩，直接引入一个 JS 文件即可实现网页内容翻译，而且还不用配置翻译软件的 Key，也是相当厉害了。
自从 Chrome 的网页翻译功能宕机之后，英文网站我都丢到 Edge 访问了。但遇到 translate.js 后，貌似直接一个代码片段就可以搞定 Chrome 的英文内容翻译了。
安装
注意：此工具不支持 npm 安装，必须从代码仓库中下载 JS 文件，然后再引入。
示例
1. 在控制台中执行
随便打开一个网页，右键 -> 审查元素，粘贴以下代码：
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);
按 Enter 执行后，会在当前网页的左上角出现一个语言切换按钮，点击即可切换语言试试看。
2. 程序中调用
<script src="https://gitee.com/mail_osc/translate/raw/master/translate.js/translate.min.js"></script>
<div>OpenClaw 简介:</div>
<div>
<p>OpenClaw（曾用名：Clawdbot、Moltbot），核心使用TypeScript编写，一款可以部署在个人电脑上的AI代理，采用"龙虾"图标设计，slogan是"The AI that actually does things"，由程序员彼得·斯坦伯格开发。</p>
<p>2026年2月，OpenClaw创始人加入OpenAI，OpenClaw以基金会形式作为开源项目存续。</p>
</div>
<div>语言切换示例：</div>
<div>
按钮切换语言:
<a href="javascript:translate.changeLanguage('english');">English</a> |
<a href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a> |
<a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a>
</div>
<!-- ID 选择器写死在了代码中，无配置项 -->
<div id="translate">
select选择框切换语言:
</div>
<script>
// translate.ignore.tag.push('img'); // 翻译时追加上自己想指定忽略的tag标签，凡是在这里面的，都不进行翻译。
// translate.ignore.class.push('test'); // 翻译时指定忽略的class name，凡是class name在这里面的，都不进行翻译。如果不设置默认只有ignore这一个
// var documents = [];
// documents.push(document.getElementById('ajax'));
// documents.push(document.getElementById('test2'));
// documents.push(document.getElementById('test3'));
// translate.setDocuments(documents); // 指定要翻译的元素的集合，可传入一个或多个元素。如果不设置，默认翻译整个网页
// translate.setAutoDiscriminateLocalLanguage(); // 设置用户第一次用时，自动识别其所在国家的语种进行切换
translate.language.setLocal('chinese_simplified'); // 设置本地语种（当前网页的语种）。如果不设置，默认就是'chinese_simplified'简体中文。可填写如'english'、'chinese_simplified'等，具体参见文档下方关于此的说明
translate.service.use('client.edge');
translate.language.setUrlParamControl(); // url参数后可以加get方式传递language参数的方式控制当前网页以什么语种显示
translate.listener.start(); // 开启html页面变化的监控，对变化部分会进行自动翻译。注意，这里变化区域，是指使用translate.setDocuments(...)设置的区域。如果未设置，那么为监控整个网页的变化
translate.execute(); // 执行翻译初始化操作，显示出select语言选择
</script>
最后
怎么说呢？translate.js 对于一些个人博客网站应该够用了，但商业网站估计还是要在开发阶段架设多语言切换功能。
需要注意：这里面包含了第三方翻译接口，不知道会不会往你的网站加料，所以安全方面需要自己把握。
仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！
链接: https://fly63.com/nav/5012
