网页开发：安卓端谷歌翻译工具栏无法隐藏求助

嘿，我太懂你这种“PC端好好听话，安卓端偏要跳出来捣乱”的糟心了！你加的<meta name="google" value="notranslate">和<meta http-equiv="content-language" content="ja">其实是标准操作，但谷歌翻译在移动端的行为确实有时候会“不听话”，给你几个更针对性的方案试试：

• 给页面核心元素加notranslate类
  有时候移动端的翻译引擎会忽略全局meta标签，直接给<body>或者主要内容容器加上class="notranslate"，强制告诉谷歌“这部分别碰”：

  <body class="notranslate">
    <!-- 你的页面内容 -->
  </body>
  

  如果是你提到的点击后加载的动态内容，记得在生成这些元素时也加上这个类，避免动态内容触发翻译。

• 用JavaScript兜底拦截
  移动端谷歌翻译经常会动态注入工具栏元素，咱们可以在页面加载后直接干掉它，甚至禁用它的横幅显示逻辑：

  window.addEventListener('load', function() {
    // 移除顶部的翻译横幅
    const translateBanner = document.querySelector('.goog-te-banner-frame') || document.getElementById('google_translate_element');
    if (translateBanner) {
      translateBanner.style.display = 'none';
      // 修复横幅导致的页面偏移问题
      document.body.style.marginTop = '0 !important';
    }
    
    // 直接禁用谷歌翻译的横幅显示功能
    if (window.google?.translate?.TranslateElement) {
      window.google.translate.TranslateElement.prototype.showBanner = function() {};
    }
  });
  

• 检查标签语法细节
  虽然你的meta标签写法没问题，但有时候浏览器对空格的兼容性有点敏感，不妨把标签里的多余空格去掉，写成标准格式：

  <meta name="google" value="notranslate">
  <meta http-equiv="content-language" content="ja">
  

这些方法组合起来，应该能把安卓端的谷歌翻译工具栏彻底“劝退”啦！

内容的提问来源于stack exchange，提问作者TOYOSHIMA Daichi