通常情况下,在写网页时,是通过chrome或者firefox浏览器来查看页面并进行调整。这样完成之后,通常只是在该浏览器下显示正常,而在其他的浏览器中打开时,会有一些bug。
常见的bug有以下几类:
浏览器对一些标签的默认初始值不一致导致显示错误
如:IE浏览器不识别 a:link 标签,所以在对 a 标签属性进行设置时,采用 a { }而不是 a:link { },确保所有浏览器都可以识别;
chrome对于未规定字体大小的中文字符默认为12px,而firefox要比12px小,所以要对每个div中的字体大小严格规定;
不同浏览器对于一些颜色的默认值也不同,所以这些都需要自己在css规定值。
没有书写<!doctype>
不同的doctype下导致的兼容性问题比较严重,所以在写内容之前,一定要规定一个doctype的类型。具体见<!DOCTYPE>的作用 。
书写不规范,导致不同浏览器识别不一致
如IE下的3像素margin bug:两个连续的div,对第一个采用float,第二个不做规定,则在IE下显示为两个div并排显示,中间有 3px 的间隔。所以有些前端工程师就直接用这样来实现元素并排显示。但是在别的浏览器下,第二个div是处于第一个div之下的。 解决方法就是规范书写,若要实现并排显示,两个div都要float。
浏览器自身的bug(通常为IE6及以下版本)
通常情况下的bug基本都由以上3种原因导致,真正的浏览器bug很少。常见的有以下几个:
a.盒模型bug,解决方案使用严格doctype声明
b.双倍margin bug(左浮元素,左margin是定义的2倍),解决方案使用 _display:inline,只有IE浏览器可识别,不影响其他浏览器。
随着浏览器版本的更新,不同浏览器之间产生的不兼容性也越来越少,对于开发者是一个好现象。
网页Bug和不同浏览器下兼容性问题的处理方法
发表于:2017-01-09
作者:网络转载
来源:
- 周排行
- 月排行
- 评论排行
-   深入BUG分析
-   记录一次Bug解决过程:可维护性和性能优化
-   从“扁鹊三兄弟”谈缺陷预防
-   缺陷管理之Bug修复
-   四个Bug对你的好处
-   软件缺陷的有效管理
-   网页Bug和不同浏览器下兼容性问题的处...
-   从“扁鹊三兄弟”谈缺陷预防
-   缺陷是什么?
-   游戏测试常见Bug整理
-   深入BUG分析
-   如何看待那些不能重现的Bug?
-   简单易懂的缺陷分析笔记
-   如何提高自身编码能力--定位Bug篇
-   从软件出发,非功能测试思考总结
-   展望2017,谁是网络技术头牌?
-   C/C++单元测试工具Visual Unit 4 介绍
-   国内外最好用的6款Bug跟踪管理系统
-   性能测试指标评估必读
-   百度软件测试方案模板
-   38张史上最全的IT工程师技能图谱
-   C/C++单元测试工具Visual Unit 4 介绍
-   2019年,你会选哪些安全测试工具?
-   十款Web服务器性能压力测试工具
-   软件测试入门指南:周期、模型和文档化
-   记自动化测试成神学习之路
-   软件测试全景图 -最全的思维导图