在页面加载时使用当前浏览器语言自动启动google翻译

Question

我在我的网站上有谷歌翻译小工具。我想在页面加载时用当前浏览器语言翻译我的页面。这是我当前的小部件代码。谢谢。

<?php $lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2); ?>
<div id="google_translate_element"></div>
<script type="text/javascript">
   function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: '<?php echo $lang;?>',`
        autoDisplay: true
      },'google_translate_element');
   }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Answer 1

您可以使用以下命令：

   <div class="custom-translate" id="google_translate_element"></div>

    <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false},'google_translate_element');
    }

    (function() {
      var googleTranslateScript = document.createElement('script');
      googleTranslateScript.type = 'text/javascript';
      googleTranslateScript.async = true;
      googleTranslateScript.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
      ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( googleTranslateScript );
    })();
    </script>   

要了解当前的浏览器语言，请使用以下脚本：

<script type="text/javascript"> 
   var currentBLang = navigator.language || navigator.userLanguage;
   console.log('Current browser lang '+currentBLang); 
</script>