translater.js 介绍
一个 利用html注释的 页面 翻译 解决方 案。对于少量的静态 页面 ,这种 解决方 案显得更简单。它没有依赖,压缩只有只有(~2kb)。
支持 IMG 文本 切换
支持 URL 加载语言
支持 本地缓存选择
作为模块安装
$ npm install translater.js
传统使用 方法
<div>
这里是 中文
<!--{jp}ここは日本語です-->
<!--{en}Here is English-->
</div>
<script src=" dis t/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" />
getLang/setLang
获取 或设置当前语言。
<script type="text/JavaScript">
var tran = new Translater();
if (tran.getLang() === "default") tran.setLang('en');
</script>
网站地址 : https://git.io/translater.js
GitHub: https://github.com/jaywcjlove/translater.js
网站描述: 利用HTML注释来翻译 页面
translater.js官方网站
官方网站: https://git.io/translater.js
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。