本文介绍了两种方法可以实现网站的多语言切换。
使用 Google Translate
对于单一语言的 Web 应用,使用 Google Translate 增加几行代码就能实现网页内容的一键翻译,可以有效的提升用户友好度,又不必去做繁琐的多语言配置。
<div id='google_translate_element'></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'zh',
includedLanguages: 'en,it,fr,ru,tr'
}, 'google_translate_element');
}
</script>
<!-- 引入 Google Translate 依赖,可放在网页的 Footer 处,避免堵塞正文加载 -->
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
在页面的最上方就出现了选择语言的 select 切换标签。
此方法需要可访问谷歌网站(梯子)。
使用translate.js
两行js实现html全自动翻译。
无需改动页面、无语言配置文件、无API Key、对SEO友好!
在网页最末尾,