测试管理之网页Bug和不同浏览器下兼容性问题的处理方法
白羽 2018-05-17 来源 :网络 阅读 893 评论 0

摘要:本文带你了解测试管理中的不同浏览器兼容性问题处理方法,测试管理中通常情况下,在写网页时,是通过chrome或者firefox浏览器来查看页面并进行调整。这样完成之后,通常只是在该浏览器下显示正常,而在其他的浏览器中打开时,会有一些bug。


    测试管理中通常情况下,在写网页时,是通过chrome或者firefox浏览器来查看页面并进行调整。这样完成之后,通常只是在该浏览器下显示正常,而在其他的浏览器中打开时,会有一些bug。


  常见的bug有以下几类:


  浏览器对一些标签的默认初始值不一致导致显示错误


  如:IE浏览器不识别  a:link  标签,所以在对 a 标签属性进行设置时,采用 a { }而不是 a:link { },确保所有浏览器都可以识别;


  chrome对于未规定字体大小的中文字符默认为12px,而firefox要比12px小,所以要对每个div中的字体大小严格规定;


  不同浏览器对于一些颜色的默认值也不同,所以这些都需要自己在css规定值。


  没有书写


  不同的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浏览器可识别,不影响其他浏览器。

  随着浏览器版本的更新,不同浏览器之间产生的不兼容性也越来越少,对于开发者是一个好现象。

   

   本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标软件测试之测试管理频道!


本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程