我刚为一家法国餐厅做了一个网站。该网站是英文的,但我猜网站上有足够的法语(标签菜单项的图片),提示访问者翻译网站如果使用Chrome。

有没有什么我可以添加到html,以防止chrome从要求翻译页面?我假设它会是类似于<html lang="en">,但这行不通。

什么好主意吗?

谢谢


当前回答

解决方案:

<html lang="en" class="notranslate" translate="no">    <!-- All translators -->
 <head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head>                                                <!-- Close head      -->

更简单的方法是添加translate="no"属性。 这可以在divs,文本和更多。 这里有一个例子:

//只是为了得到指示 //不要复制或粘贴 console.log("第一个div不允许翻译。但第二个,允许它。”) console.log(“打开翻译器并查看效果。”) DIV1 > < div翻译=“不” 试着翻译我! <b>Olá - Hello - Hola</b> . < / div > <人力资源> DIV2 < div翻译= " " > 现在,你可以做到了! <b>Olá - Hello - Hola</b> . < / div >

注意,这个例子在使用StackOverflow查看器时存在一些问题。


免责声明:这个答案是重复的,在社区维基上。

其他回答

我的Windows是德语。

我在Chrome上做了以下的体验: 如果我设置

<html lang="en" translate="no">

谷歌翻译提出建议翻译英语。

显然我要省略lang性质。这对我来说很管用:

<html translate="no">

没有弹出窗口,URL字段中的翻译图标不再显示。

在<head>:

<meta name="google" content="notranslate" /> 

并更改您的<html>标签为

<html lang="en" class="notranslate" translate="no">

更简单的方法是添加translate="no"属性。 这可以在divs,文本和更多。 这里有一个例子:

/*只是一些基本的样式*/ div[翻译]{ 宽度:50%; 边框:1px纯黑色; 填充:20 px; border - radius: 7 px; text-align:中心; 字体类型:Arial; } < span style=" font - family:宋体;"> <div translate="no"> <!—禁用翻译—> 使< br > <b>Olá - Hello - Hola</b> . < / div > <div translate> <!——启用翻译——> 禁用< br > <b>Olá - Hello - Hola</b> . < / div > < / div >

注意,这个示例在stackoverflow查看器上有一些问题。

对于最终的解;

<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">
<head>
  <meta name="google" content="notranslate" />
</head>
<body>
...
</body>
</html>

这对我很管用。

仅供参考,如果你想要对你站点中的所有内容(包括非HTML内容)都有效,你可以将响应(源)中的content - language头设置为适当的语言(在我的例子中,en-US)。

这样做的好处是,它将“禁用”为您翻译页面的提议(因为它将正确地知道源语言),但对于其他非母语读者,他们仍然可以选择将您的网站翻译成他们自己的语言,并且它将正确工作。

(同样在我的使用案例中,Chrome提供了将格式良好的JSON从拉丁语翻译成英语的功能,这一功能就消失了。)

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

将此添加到<head></head>:

<meta name="google" content="notranslate" />