网页实现中英文切换方式对比与实现

一、使用谷歌/微软的翻译API

• 优点：只须调用接口，即可轻松完成整站翻译，翻译准确度还好。

• 缺点：谷歌被墙了，使用意义不大；微软的收费。

• 参考：http://code.google.com/apis/language/translate/overview.html

  注： 网上很多的使用微软API的方法，现在已经无法实现。

二、借助i18n插件，自己编写中英文对照表，用js控制

• 优点：一对一翻译，所以准确度很高。

• 缺点：需要编写大量中英文对照表，适合于少量的固定翻译。

• 实现参考： 使用vue-i18n实现中英文切换

• 场景：符合下面2种场景可以考虑使用这种方法

  1. 切换的语言版本很少，并且本身网站不复杂。
  2. 整体内容相对固定，布局比较简洁，扁平化，改动不会太频繁。