這是一個(gè)利用HTML注釋的頁(yè)面翻譯解決方案。對(duì)于少量的靜態(tài)頁(yè)面，這種解決方案顯得更簡(jiǎn)單。它沒(méi)有依賴，壓縮只有只有(~2kb)。

• 支持 IMG 文本 切換

• 支持 URL 加載語(yǔ)言

• 支持本地緩存選擇

作為模塊安裝

$ npm install translater.js

傳統(tǒng)使用方法

<div>
    這里是中文     
    <!--{jp}ここは日本語(yǔ)です-->     
    <!--{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>

切換語(yǔ)言方法通過(guò)超鏈接

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

可以通過(guò)URL穿參數(shù)設(shè)置語(yǔ)言

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

文本翻譯添加

<div>
    這里是中文     
    <!--{jp}ここは日本語(yǔ)です-->     
    <!--{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" 
/>

getLang/setLang

獲取或設(shè)置當(dāng)前語(yǔ)言。

<script type="text/javascript">  
var tran = new Translater();  
if (tran.getLang() === "default") 
tran.setLang('en'); 
</script>