谷歌浏览器最坑爹的一个Bug之为什么我的span标签里多了font标签

最新推荐文章于 2022-08-03 14:16:20 发布
最新推荐文章于 2022-08-03 14:16:20 发布
阅读量952 收藏 3
点赞数 3
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/du_5pet/article/details/103146718
版权

项目中遇到一个问题我要给后台传span标签的内容，结果在谷歌浏览器上测试莫名其妙多了一些font标签，

搜索了一下竟然是因为谷歌浏览器的翻译功能？？？？？？？？？？？

所以谨记纵使不用这翻译功能也要记得勾选“一律不翻译此网站”。。。。免得被坑。

在网上还搜到有个方法会避免此错误的发生，就是在html页面的开头

写这样<html lang="zh-CN">而不是<html lang="en">

原网页：



没有关翻译功能的网页：

肆爪
关注
专栏目录
谷歌浏览器试调网页 多出font标签
05-16 687
突然发现一些按钮的点击功能失效，在控制台发现该a标签中多出个font标签，导致文字区域不能触发到a标签 就算a标签宽高设置百分百 也没用。 经测试不同的浏览器情况不一样 safari就不会出现这种情况 原因：在html头部申明的时候是这样写了<html lang="en"> ，导致浏览器自动去翻译这个页面成英文，翻译的过程中会自动的给所有的文本套上font标签 解决...
诡异的小bug 自动生成font标签包裹span标签中的文字
weixin_30492601的博客
08-30 780
某天测试自己写的网站的时候突然发现页面上一些文字排版出现了一些奇怪的错乱，在控制台发现错乱的文字被font标签包裹着 ，但是代码中根本没用用到font标签 后来发现是因为自己不小心点了谷歌浏览器地址栏的一个翻译此页面的功能 解决方法：1.取消浏览器 ”翻译该页面“ 当然一般人不会遇到这种神奇的问题 没事谁会去翻译自己写的...
踩坑浏览器自动翻译，自动添加font标签
sunny_night的博客
01-07 719
问题描述： 明明什么都没有做，突然之前页面无法点击，样式错乱，打开浏览器调试工具发现，所有的文字外面浏览器自动加了一层font标签 原因分析： html标签的lang属性，lang规定元素内容的语言。 页面中lang设置为en,浏览器自动翻译这个页面的时候，翻译的过程中会自动的给所有的文本套上font标签 解决方案： 修改lang属性为zh ...
踩坑谷歌浏览器翻译插件自动创建<font>节点
皮皮虾大侠的博客
07-03 850
这两天被个奇奇怪怪的问题困扰，页面加载Dom结构后发现结构与预期不符，并且只有谷歌浏览器出现了这个问题，然后逐一排查，引用的各个js文件被屏蔽个精光弄成静态页面发现还是找不到问题所在，监测了下发现加载了谷歌浏览器翻译插件的相关js，然后把谷歌浏览器的翻译禁用掉，刷新看了下，问题解决。真坑，你翻译把innerText改了不就行了，非得插入个<font> 原结构 谷歌翻译插件处理后...
vue项目在谷歌浏览器中莫名被更改了内容和出现font标签
iSmilee的博客
06-07 519
先说明原因：被浏览器翻译了。 事情的经过是这样的：测试的同事突然发现原本内容为“项目进度”的
c语言小游戏之坑爹大冒险
最新发布
03-27
总的来说，"c语言小游戏之坑爹大冒险"不仅是一次娱乐体验，更是一个实践和提升C语言技能的机会。通过参与这个游戏的编写和调试，学习者可以巩固基础知识，锻炼问题解决能力，并逐步培养出良好的编程习惯和思维模式，...
【安卓】史上最坑爹游戏6 内购破解版
04-04
《史上最坑爹的游戏6》是由...《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想，趣味连篇的小游戏关卡，每一个都很坑爹很坑爹。共设计了24关，更多坑爹关卡还在持续更新中。
【安卓】史上最坑爹游戏8 内购破解版
04-04
《史上最坑爹的游戏8》是由...《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想，趣味连篇的小游戏关卡，每一个都很坑爹很坑爹。共设计了24关，更多坑爹关卡还在持续更新中。
【安卓】史上最坑爹的游戏9 内购破解版
04-04
《史上最坑爹的游戏9》是由...《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想，趣味连篇的小游戏关卡，每一个都很坑爹很坑爹。共设计了24关，更多坑爹关卡还在持续更新中。
【安卓】史上最坑爹游戏内购破解版
04-04
《史上最坑爹的游戏》是由...《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想，趣味连篇的小游戏关卡，每一个都很坑爹很坑爹。共设计了24关，更多坑爹关卡还在持续更新中。
解决html文字被篡改，并且额外添加font标签，显示成其他内容
Julie_Go的专栏
09-28 1371
无意中QA提出了这么一个问题，页面原本的文字被莫名其妙的替换了（如下图红框中），检查了接口和源码中没有这些文字，注：电脑是否中毒不在关注范围内 审查元素发现原本文字所在的位置，被额外添加了font标签 到这里就破案了，是无意中开启的谷歌浏览器的翻译功能在作祟 1、关闭翻译插件、或者结合html标签的网页语言类型声明，把翻译语言改回设定的就正常了 比如这样： <!-- 声明当前网页的语言类型为中文 --> <html lang="zh"> 或者这样 ： ..
记录一个很狗的问题，浏览器自动翻译导致vue项目页面数据等出错
csl125的博客
05-31 1496
在开发vue项目中发现，上线项目莫名其妙页面功能不能使用，但是本地都是ok的，然后排查发现是由于谷歌浏览器自动翻译，导致把项目原有的标签dom替换了，会包裹font标签等，
html没有写font标签却出现font标签解决方案
jiakesi的博客
05-15 924
html没有写font标签却出现font标签解决方法解决方案代码片段html 解决方案 代码片段html <!DOCTYPE html> <html lang="zh"> <!-- <html lang="en"> --> 只需要把<html lang="en"> 换成<html lang="zh">即可 ...
在vue项目中使用wangEditor
weixin_43550562的博客
08-25 530
1.vue中安装wangEditor 使用的npm安装 npm install wangeditor --save 2.创建公用组件 在components中创建wangEnduit文件夹，组件内容为 <template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <div ref="editor" class="te
百度UEditor富文本编辑器去除自动追加span标签
狂涛骇浪
11-10 8008
#消息模板实时翻译 1、消息模板支持实时翻译，并且将消息模板中的主题、消息、短信、邮件修改为消息富文本编辑器，对主题和短信的富文本编辑器工具进行隐藏。 2、替换规则：    同步拼接编码和label，通过某种既定的格式，建立映射关系：    实体：    `${实体.字段}`    工作流：需进行添加流程定义ID，并且在运行态解析时将流程定义编码去掉       `${实体.字段}`
chrome浏览器会自动添加淘宝、京东等书签的解决方法
chengg0769 平淡无奇见真知
08-03 5207
安装暴风影音这个工具，没想到捆绑一堆软件（推荐安装其他软件的地方，很小很不容易看到）360急救箱清理了。chome浏览器仍然打开时弹出一个购物网页。在 更多工具》扩展程序 中有个 “xx购”的插件，卸载后正常。...
关于谷歌浏览器的font boosting[Text Autosizer]你知道吗
关注我！带你一路 "狂飙" 到底！
03-09 253
果然是活到老学到老，今天又碰到了一个莫名其妙的bug，百思不得其解，然后翻了半天文档，测试了半天代码才终于弄明白了，就有了这篇文章的现世，哈哈，分享给大家，希望能对大家能有帮助。 问题 用谷歌浏览器的开发者工作测试移动端的一个demo，页面中的文本在浏览器中显示的大小和代码中设置的大小有很大的区别，具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
解决span标签重叠的问题
软件维修师
12-23 8760
最近写Demo遇到这样的问题，span标签被用来组合文档中的行内元素。 所以设置它的margin-top\margin-bottom 没有什么效果，导致会出现重叠的现象span标签换行后，与上一行重叠。 只需要添加float属性就可以了， 添加float:left; 效果如下 怎么样，是不是很简单呢，就这样吧 感谢你的阅读，我是 重庆-传说 2017年12月23日
GitHub换行符问题：自动转换坑爹经历
Git提供了一个名为“换行符自动转换”的特性，它默认开启，并在两种操作之间进行转换。当用户在Windows环境下从仓库检出文件时，Git会将LF转换为CRLF；而在提交文件时，Git会将CRLF转换回LF。这种行为可能导致在提交...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值