在学习stable diffusion和midjourney的过程中，遇到太多的外文网站（包括但不限于英语），阅读起来还是相当蛮烦，虽然google和edge浏览器有自带翻译功能，还是把这个插件记录一下。

首先来一段代码测试效果：

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

测试方法：

以谷歌浏览器为例，随便开个网页，F12或右键“检查”，可以看到如下图

把代码贴在这里，回车，就可以看到网页中多了一个语言的选项

随便选一个，网页秒级翻译。

当然，这是临时使用，如果在自己的项目中部署，也很简单

在网站模板中增加如下代码

<!-- 增加某种语言切换的按钮。注意 ul上加了一个 class="ignore" 代表这块代码不会被翻译到 -->
<ul class="ignore">
	<li><a href="javascript:translate.changeLanguage('english');">English</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a></li>
</ul>

<!-- 引入多语言切换的js -->
<script src="https://res.zvo.cn/translate/translate.js"></script>
<script>
	translate.selectLanguageTag.show = false; //不出现的select的选择语言
	translate.execute();
</script>

这样，一个多语言网站就完成了。

还有更多的样式和使用方法，可以去这个插件官方的开源地址：https://gitee.com/mail_osc/translate