google翻译导致站点出现奇怪问题

「已注销」

于 2021-08-10 10:10:04 发布

阅读量909

点赞数 2

分类专栏：前端不容易察觉的问题

本文为博主[pan-zy]原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/sd4015700/article/details/119563081

版权

使用谷歌翻译可能导致文字错误、数据不准确和功能异常。问题源于翻译后HTML结构改变。解决办法包括设定网页区域语言，阻止谷歌翻译图标显示，并通过属性禁止特定元素翻译。

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

如果使用谷歌翻译的话，有时候会出现文字错误，数据不对, 甚至功能异常的现象. 我们项目就遇到了这个问题.

"google翻译"为什么可能会导致网页功能异常?

因为google翻译会导致html结构发生变化

看这个button的原始的html结构

在这里插入图片描述
使用google翻译之后的html结构

问题与解决方案

我不希望地址栏中出现google翻译图标

如果网页的语言与浏览器的语言不一致时,就会出现"google翻译"的图标, 那么要解决这个问题就要正确设置网页的语言
在这里插入图片描述
将网页设置正确的区域语言

<!-- 如果是英文网站 -->
<html lang<

最低0.47元/天解锁文章

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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