translater.js

这是一个应用HTML解释的页面翻译解决方案。关于少许的静态页面，这类解决方案显得更简朴。它没有依靠，紧缩只要只要(~2kb)。

Translater.js 官网

• 支撑 IMG 文本 切换

• 支撑 URL 加载言语

• 支撑当地缓存挑选

作为模块装置

$ npm install translater.js

传统使用要领

<div>
    这里是中文
    <!--{jp}ここは日本语です-->
    <!--{en}Here is English-->
</div>
<script src="../dist/translater.min.js" type="text/javascript"></script>
<script type="text/javascript">
var tran = new Translater({
    lang:"jp"
});
</script>

切换言语要领经由过程超链接

<a href="javascript:tran.setLang('default');">English</a>
<a href="javascript:tran.setLang('jp');">日本语</a>
<a href="javascript:tran.setLang('cn');">中文</a> 

能够经由过程URL穿参数设置言语

http://127.0.0.1:9005/test/test.html?lang=jp

文本翻译增加

<div>
    这里是中文
    <!--{jp}ここは日本语です-->
    <!--{en}Here is English-->
</div>

图片切换

<img alt="images" src="../img/imgae.jpg" data-lang-cn="../img/imgae_cn.jpg" data-lang-jp="../img/imgae_jp.jpg" />

关注民众号