网站 html 中英文切换 - API 总结篇
引言:
-
项目要求实现中英文等国际化语言切换,实现的方法多种多样,这里简单总结一下部分方法的优缺点。
-
基本上都是:使用第三方API接口 或者 自定义编写中英文对照表,并通过JS控制。
-
因为中英文切换一般都是一次点击后,往后的统一每个页面都需要或不需要翻译,这就需要记录一个状态值,这里选用 HTML 5 Web 存储 提供的客户端存储数据的新方法之一:localStorage来储存这个状态,并向外提供一个修改该状态并刷新页面的方法。
中文页面留一个切换英文链接,英文页面留一个切换中文链接。
.
注意:
推荐你用图片做这两个链接,这样不会因为用户没有装对应的语言系统而出现奇怪字符。比如欧美用户一般是不会装中文系统的,页面上有中文字符的时候必然显示为乱码。
一、方法总结:
Method1.
使用谷歌整站翻译API
-
优点:只须调用接口,即可轻松完成整站翻译,翻译准确度还行。
-
缺点:需要梯子。
参考文章:js代码实现网站中英文相互翻译
Method2.
使用微软整站翻译API
-
引入The Translator Web Widget API
-
监听dom加载完毕,调用Microsoft.Translator.Widget.Translate()整站翻译。
参考文章:Microsoft Translator Text API 翻译接口 . . . 一种基于云的机器翻译服务 · 5分钟快速入门
.
这可能是目前最方便的网站中英文切换(理论支持所有语言)
Method3.
编写自定义中英文对照表,用js控制
-
优点:一对一翻译,所以准确度最高。
-
缺点:需要编写大量中英文对照表,只适合于少量的固定翻译。
参考文章:html 页面如何实现中英文切换?
二、实现方法:
参考文章:实现方法
以上就是关于“ 网站 html 中英文切换 - 总结篇” 的全部内容。