logo标签列表

在我的网站上禁用 Chrome 翻译栏

htmlgoogle-chrome
68
我有一个聊天网站，非常动态，使用谷歌浏览器访问时会出现翻译栏提示进行翻译。虽然动态内容的翻译效果比我预期的要好，但对于我的目的来说仍然不够好，甚至在聊天中也无法很好地理解。
请问有没有一些提示可以放在我的网站上，以便使用Chrome浏览器的访客不会看到翻译栏？
出于好奇，如果您明确指定页面的语言（<html lang="en">），那么这是否会覆盖Chrome尝试自动检测语言的功能？如果Chrome认为您标记的页面与其标记不符，那听起来像是一个bug。 - Nick T
5个回答
139
2
元解决方案只能部分地工作。部分地意味着当页面首次加载时，翻译栏不会显示，这正是我想要的。但如果我点击“刷新”，那么栏就会出现。这是有意为之吗？ - Jerry Hardaway
1
您可以在此页面上看到“刷新时显示工具栏”的行为，该页面具有<meta>标签：http://jsbin.com/ehavan/3或者，这是没有<meta>标签的相同页面：http://jsbin.com/ehavan/2 - metavida
5
如果我理解正确，这将不仅禁用工具栏，还会禁用在 translate.google.com 上对网站进行的翻译。 - Roger Ertesvag
1
我想允许网站进行翻译，但不希望通过显示此栏来鼓励它。那么有没有一种方法可以仅禁用该栏，而不是禁用翻译？ - Roger Ertesvag
1
有趣的是，“<meta>”标签没有“value”属性 - 应该是“content”。因此，建议使用“value”的人正在推荐一种非标准属性，只是碰巧被容忍。正确的“content”肯定会起作用。 - thomasrutter
显示剩余6条评论
28

元值应为"内容"，而不是"值"

<meta name="google" content="notranslate" />
更新：我知道通常的元标签使用 content 来指定值，但这是一个罕见的例外情况，其中“value”实际上是正确的语法。例如：<meta name="google" value="notranslate"> 已经确认可以删除翻译栏。
+1，应该是内容https://support.google.com/webmasters/answer/79812?hl=en - fedmich
应该按照文档来，是的。但是只有“value”对我有效（Chrome 28）。 - JochenJung
无论您使用哪个，都没有关系：https://support.google.com/translate/?hl=zh-CN#2641276 - Anselm
很好，另一篇帖子更新了它的答案。https://stackoverflow.com/posts/7229002/revisions 所以这个现在有点过时了。 - digitaldonkey
1
这里的更新对我来说很困惑。代码块中的代码是否正确？ - Martijn
这也可以：https://dev59.com/5Gct5IYBdhLWcg3wPbEm - Silvan Bregy
16

如果您想要屏蔽某个部分（例如：对于原始问题仅屏蔽聊天窗口），您可以使用

  class=notranslate

来源：http://support.google.com/translate/?hl=en#2641276。 如果您不介意使用 Google 翻译来翻译您的网页，除了特定部分（例如电子邮件地址）以外，请将 class=notranslate 添加到任何 HTML 元素中，以防止该元素被翻译。例如：:

Email us at <span class="notranslate">sales at example dot com</span>
完美，这通常比其他答案建议的完全禁用翻译更有用。此外，您仍然可以将该类分配给整个body标签。 - kontur
这是正确的答案，因为它使得整个网站对于不懂原始语言的人都可以访问。 - Toni Leigh
4
1
使用新的全局属性translate。
在我的情况下，我直接将其用于HTML中。 <html lang="en" translate="no"> 但是您也可以在特定元素上设置它。例如：
<footer>
   <small>© 2020 <span translate="no">BrandName</span></small>
</footer>

MDN 参考

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接