chrome自动翻译问题

2021年12月08日Web前端0

线上代码出现了中文下翻译一场的问题，怀疑是新版chrome的优化。

现象

老代码是没有设置lang，浏览器默认将其识别成英文了，如图：

翻译提示

如果用户手动修改为中文时，页面就出现了奇怪的翻译。

无非就是增加文档的语言，或者屏蔽chrome的翻译了。

html标签中增加lang="zh-CN"属性，页面正常展示，用户在url地址栏右侧可以正常切换语言。

页面直接没了，就剩下个否字。。

在head中增加一个meta标签，

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

页面显示正常，且地址栏没有切换语言的入口。但是右键切换成中文还是会有问题，所以最终方案就是lang+meta的方式。

<html lang="zh-CN">
<head>
  <meta name="google" content="notranslate" />
</head>

这样的话，即使右键点了翻译成中文也不会有影响了。