Chrome浏览器自动翻译导致前端页面数据加载错乱

如果使用谷歌翻译的话，有时候会出现文字错误，数据不对的现象，有经验的话很快能排查出什么原因导致，否则的话就很迷茫。我们项目中出现过这样的问题，中文菜单文字，还有表格，有部分被翻译成别的文字了，就是使用了翻译导致。那么如何解决这个问题呢

解决方案：

一、手动禁用翻译

① Chrome全局关闭询问翻译选项

② 针对单独网站禁用翻译

二、代码禁用翻译

全局属性 translate被用来规定对应元素的属性值及其子文本节点内容，是否跟随系统语言作出对应的翻译变化，默认为 yes

三、代码设置语言

在html文件中设置 lang="zh-CN"

理论上 html这个标签语言与系统语言不符时，才会出翻译的询问或者走用户设置的自动翻译功能。 因此将 lang设置成正确语言即可！

原文链接：https://blog.csdn.net/weixin_43953518/article/details/109776907