谷歌翻译不适用于边缘和IOS

Question

我已经添加了谷歌翻译代码到一个测试网站。它在Chrome和Firefox上运行得很好。但是，如果用户正在使用IE或Safari，则不会出现google翻译器。

下面是我使用的代码：

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<div id="google_translate_element"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({  
      pageLanguage: 'en', 
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    }, 'google_translate_element');
  }
</script>
<script>
  $(document).ready(function(){
    $('#google_translate_element').bind('DOMNodeInserted', function(event) {
      $('.goog-te-menu-value span:first').html('Translate');
      $('.goog-te-menu-frame.skiptranslate').load(function(){
        setTimeout(function(){
          $('.goog-te-menu-frame.skiptranslate').contents().find('.goog-te-menu2-item-selected .text').html('Translate');    
        }, 100);
      });
    });
  });
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

我的问题是:是否有一个像谷歌翻译器这样的翻译应用程序，我可以免费(理想)在网站上实现，使用起来不贵吗？或者，是否有一种方法可以修改我上面的内容，使其适用于所有浏览器？

更新：是否有一种方法可以使用翻译，但创建自己的按钮，以便它在IE中可见？

Answer 1

我曾经陷入这种困境，您需要做的是将页眉标记上的任何谷歌翻译器脚本移到页脚或BODY TAG上，因为有些浏览器确实支持标头脚本的呈现。

停止在标题标签上插入谷歌翻译器。