今天,发现一个有趣的bug,问题是这样的,页面没有有设置宽高,而且没有浮动,但是一个div的文字却跑到其他div里面,而这个div里面的元素的大小和盒子完全匹配,,但是却没有占满盒子。我习惯性的直接打开浏览器的控制台,发现没有任何的问题。
历经几十分钟挣扎的时候,才回到编辑器里面看了代码少了匹配的双标签,才导致整个盒子和内容,还有其他合作的内容混乱,这是因为浏览器会知道补成没有写完整的双标签,导致不匹配。
总结:代码要养成意义话,解析,让代码看起来结构话,方便其他人阅读,方便查找错误。第二点,不能只依赖一种方式找bug,如果自己对于浏览器生成的最终页面不知道过程,就不会发现问题所在,这是可以结合源代码找bug。
网友评论