谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题

最新推荐文章于 2024-11-14 08:39:08 发布

前端打工人

最新推荐文章于 2024-11-14 08:39:08 发布

阅读量4.4k

点赞数 4

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

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

版权

博客指出使用谷歌翻译会出现文字错误、数据不对的问题，如项目中中文菜单文字和表格部分被翻译成其他文字。给出三种解决方案：手动禁用翻译，包括Chrome全局关闭询问翻译选项和针对单独网站禁用；代码禁用翻译，利用全局属性translate；代码设置语言，在html文件中设置lang为正确语言。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

解决方案：

一、手动禁用翻译

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

在这里插入图片描述

② 针对单独网站禁用翻译
在这里插入图片描述

二、代码禁用翻译

<html translate="no">

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

三、代码设置语言
在html文件中设置 lang="zh-CN"

<html lang="zh-CN">

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

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。