如何从Chrome中的html禁用谷歌翻译

twi*_*kes 72 html google-chrome google-translate

我刚为一家法国餐馆做了一个网站.该网站是英文网站,但我猜网站上有足够的法文(标有菜单项图片),以提示访问者在使用Chrome时翻译网站.

我可以添加到HTML中以防止chrome要求翻译页面吗?我认为它会是类似<html lang="en">但不起作用的东西.

有任何想法吗?

谢谢

Mat*_*ams 177

在两者之间添加此标记<head></head>:

<meta name="google" content="notranslate">
Run Code Online (Sandbox Code Playgroud)

文档参考

  • 您还可以从翻译中排除特定元素:class ="notranslate" (15认同)
  • `value`属性应更改为`content ="notranslate"`以传递HTML5验证. (8认同)
  • 添加这个元标记对我们有用。我们的大多数页面中已经有 &lt;html lang="en"&gt; ,以前似乎可以工作,但现在不再工作了。 (6认同)
  • 新答案不起作用,但旧答案[使用元]在 Chrome 中工作得很好 (4认同)
  • 没有发布的答案适用于当前的 chrome 版本 94.0.4606.71(使用 VSC 实时服务器扩展进行测试)。 (2认同)

İbr*_*acı 51

所以对于我所做的最终解决方案;

<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">
<head>
  <meta name="google" content="notranslate" />
</head>
<body>
...
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这对我有用。


ede*_*ans 11

中的元标记<head>对我不起作用,但是

class="notranslate"

添加到父级div(甚至<body>)确实有效,并允许更精确地控制您不想翻译的内容。


Tia*_*gel 9

解决方案:

\n
<html lang="en" class="notranslate" translate="no">    <!-- All translators -->\n <head><meta name="google" content="notranslate" /> <!-- Just for google -->\n</head>                                                <!-- Close head      -->\n
Run Code Online (Sandbox Code Playgroud)\n

更简单的方法是添加translate="no"属性。\n这可以在 div、文本等中进行。\n这里是一个示例:

\n

\r\n
\r\n
// Just for instructions\n// Do not copy or paste\nconsole.log("The first div don\'t alows translateing. But the second, alows it.")\nconsole.log("Open the translator and see the efect.")
Run Code Online (Sandbox Code Playgroud)\r\n
DIV1\n<div translate="no">\n  Try translating me!\n  <b>Ol\xc3\xa1 - Hello - Hola</b>\n</div>\n<hr> DIV2\n<div translate="">\n  Now, you can do it!\n  <b>Ol\xc3\xa1 - Hello - Hola</b>\n</div>
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n

请注意,此示例在 StackOverflow 查看器中存在一些问题。

\n
\n

免责声明:这个答案在社区维基上重复出现。

\n


Tia*_*gel 7

将其添加到您的<head>

\n
<meta name="google" content="notranslate" /> \n
Run Code Online (Sandbox Code Playgroud)\n

并将您的<html>标签更改为

\n
<html lang="en" class="notranslate" translate="no">\n
Run Code Online (Sandbox Code Playgroud)\n

更简单的方法是添加translate="no"属性。\n这可以在 div、文本等中进行。\n这里是一个示例:

\n

\r\n
\r\n
/* Just some basic styling */\ndiv[translate] {\nwidth: 50%;\nborder: 1px solid black;\npadding: 20px;\nborder-radius: 7px;\ntext-align: center;\nfont-family: Arial;\n}
Run Code Online (Sandbox Code Playgroud)\r\n
<div style="display: flex;gap:20px;">\n<div translate="no"> <!-- Disables translation -->\n  Enabled<br>\n  <b>Ol\xc3\xa1 - Hello - Hola</b>\n</div>\n<div translate> <!-- Enables translation -->\n  Disabled<br>\n  <b>Ol\xc3\xa1 - Hello - Hola</b>\n</div>\n</div>
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n

请注意,此示例在 stackoverflow 查看器上存在一些问题。

\n


小智 5

在您的网站上禁用谷歌翻译

将其添加到您的<head></head>

<meta name="google" content="notranslate" />
Run Code Online (Sandbox Code Playgroud)