通过谷歌翻译插件简单实现多语言网站

Demo 代码

直接保存访问就一目了然了，因为 JS 文件是直接从谷歌服务器引用的，所以在国内是加载不出来的，适合搭建外贸网站时来使用。

HTML

<!DOCTYPE html>
<html lang="cn">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>TranslateTool</title>
  </head>
  <body>
    <div>去做就对了。</div>
    <!--谷歌翻译-->
    <div id="google_translate_element"></div>
    <script>
      function googleTranslateElementInit() {
        new google.translate.TranslateElement(
          {
      pageLanguage: "zh",
            autoDisplay: "true",
            layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
          },
          "google_translate_element"
        );
      }
    </script>
    <script src="http://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit"></script>
  </body>
</html>

通过谷歌翻译插件简单实现多语言网站

Demo 代码 ​

Demo 代码