网站 html 中英文切换 - API 总结篇

网站 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 中英文切换 - 总结篇” 的全部内容。