1、what?
网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题
兼容性测试内容:主要是页面的格式,字体,输入框,下拉框,复选框,按钮等的检查;页面显示在功能中检查
2、why?
不同的浏览器使用内核所支持的HTML(标准通用标记语言下的一个应用)等网页语言标准不同;以及用户客户端的环境不同(如分辨率不同)造成的显示效果不能达到理想效果,最常见的问题就是网页元素位置混乱,错位(五大浏览器及四大内核)
3、how?
1)选择浏览器品牌
用户要求,指定浏览器
根据用户是用量来选浏览器
常见浏览器:IE、360、firefox、chrome、safari
五大主流浏览器:IE、chrome、firefox、safari、opera,参考 w3counter、百度统计|浏览研究院
无明确要求,一般都是:Chrome、IE、Firefox
2)选择浏览器分辨率/操作系统
3)虚拟机安装浏览器(IE一个版本在一个系统上安装)
4) 方法
- 手工测试一遍所有需要支持的浏览器,很有必要
- 尽量错开验证,比如一个功能点在IE上验证,回归时在Chrome上验证,第二轮测试在Firefox上验证。
- 依据内核来划分浏览器
- chrome & safari使用的是webkit内核,这样你就可以认为,如果在chrome上没有问题,那么“理应”在safari也应该没问题。
- Firefox则是Gecko,
- IE系列的是Trident内核,
- Opera使用Presto内核。最新的Opera好像也开始使用webkit内核了。
- 有时间的情况下去过一遍其他浏览器:360、世界之窗、猎豹、遨游、百度、UC等等
- 模拟机(不建议)