网页兼容性测试主要是针对不同的浏览器进行的测试。由于用户浏览器的不同，往往都会使我们的网页发生页面样式错乱，图片无法显示等问题。对于前端开发工程师来说，确保代码在各种主流浏览器的各个版本中都能正常显示,因此要对编写出来的网页进行兼容性测试
工具/原料
1
IETester
2
Firefox
3
360安全浏览器
方法/步骤
1
IETester 专门用于测试网页在IE浏览器各个版本中兼容性的工具,可以在很方便在ie5.5,ie6,ie7,ie8各个版本中切换,因为现在的人使用基本都IE6以上的版本,所以IE5.5可以不用测试了.重点是IE6,因为IE6出现的问题比较多
2
新建IE6,然后在下面的地址栏中,输入你要测试的网页的连接地址,看看显示效果是否是你要设计布局效果,如果是,那就IE6显示是没问题的,接着测试IE7,IE8,IE9,如果都没问题,那就证明在目前主流的IE版本是没有问题.
3
接着是360浏览器,如果显示有差异,可以在页面上,右键单击--单击'查看源代码',可以了解代码运行的情况,如果觉得看得代码不够直观,可以使用Firefox 浏览器中Firebug工具
5
打开Firebug后,在浏览器的下方,网站运行的代码.
6
鼠标经过相应代码上方时,该代码运行显示的效果上面显示是灰色,因此我们可以轻松地去确定显示有差异的效果的代码是什么,Firebug支持临时修改运行的代码,临时改变显示效果,我们根据效果再去修改文件的源代码.