测试人员在进行项目测试时,经常会遇到基于web搭建的系统。这类系统虽然有建议的浏览器版本,比如IE10或11,但我们无法确认客户是否具备如此完美的浏览器条件。比如,银行一些业务系统的实际用户是基层网点柜员,由于一些客观因素导致他们所使用的浏览器版本较为老旧,那么此时一味地要求他们使用系统推荐的浏览器版本进行业务操作便比较困难。因此,根据实际需要,管理后台等web项目都需要兼容到IE8及以下,对IE浏览器的兼容性也就成为了功能测试中必不可少的一环。
一、浏览器兼容性测试要点
目前,IE内核常见的浏览器主要有IE6、IE7、IE8、IE9、IE10、IE11,各版本之间具有一定的差异性。因此,对于IE浏览器兼容性测试,就需要覆盖到不同IE浏览器版本,主要检查web页面样式以及元素、交互展示效果。总结如下:
1、测试Web页面在不同浏览器的界面是否一致:
a)界面是否正常加载;
b)界面的CSS样式是否显示完全;
c)文字图片的统一性;
d)排版是否整齐一致;
e)数据是否正确;
f)特效是否正常显示等。
2、测试web页面在不同浏览器间的易用性是否一致和正常:
a)界面中的所有控件是否能正常显示和使用;
b)提示信息是否正常和完整;
c)在不同分辨率下界面是否友好和正常显示;
d)窗口的最大化和最小化是否能正常显示等。
3、测试web页面在不同浏览器下的功能是否正常运转:
a)登录注册功能,搜索功能,导航功能,添加修改删除功能,导入导出功能;
b)上传下载图片功能,下载文件功能;
c)地图功能,视频播放功能,音频播放功能;
d)系统数据计算功能,链接跳转功能。
4、测试web页面在不同浏览器一些键位是否能正确运作:
a)返回键;
b)回车键;
c)刷新键;
d)空格键;
e)快捷键等。
二、如何使用IETester进行兼容性测试
在日常测试中,笔者惯用的浏览器兼容性工具是IETester。现在分享给大家。
IETester是一个免费的Web浏览器调试工具,可以在独立的标签页中开启IE5.5至IE11间不同版本的IE,我们以测试“www.baidu.com”为例,简要说明如何使用IETester进行兼容性测试:
第一步:创建各版本IE,并分别打开待测页面
点击新建IE各版本,勾选需测试的版本号,输入待测url。
点击确定后,IETester便会建立各版本IE浏览器,测试人员便可依此浏览各版本浏览器中的展示效果,或是将不同版本IE浏览器的展现结果进行对比,进行测试。
第二步:测试Web页面在不同浏览器的界面是否一致
在IETester中,可以看到各版本IE浏览器均可加载出百度首页的内容,说明在加载上各版本浏览器均没有问题。
将各版本浏览器加载出的页面进行对比,我们可以看到,同样的百度首页,在IE10版本中右下角的百度视频会议和扫码登录图标可显示完全,而在IE6中这两个小图标则无法显示。同时,对比IE10和IE6的显示内容,IE6版本中存在着百度图片显示不全、“百度一下”按钮位置不一致、“新闻、贴吧”等快捷菜单栏位置不一致、页面存在重叠等问题。
IE10显示内容
IE6显示内容
第三步:测试web页面在不同浏览器间的易用性是否一致和正常
在IE6和IE10版本中分别点击登录控件,测试不同浏览器间的易用性。很明显,两个浏览器版本间点击登录后的跳转页面存在明显不同,且IE10中登录框出现在整个页面之上,用户无需下拉页面便可直接找到;而IE6中登录框出现在整个页面的最下方,用户需下拉到页面底部才能看到登录框,存在着无法直接找到的问题。IE10版本的浏览器明显易用性更好些。
IE10登录易用性测试情况
IE6登录易用性测试情况
第四步:测试web页面在不同浏览器下的功能是否正常运转
同时测试百度首页的“地图”控件跳转功能,IE10版本浏览器可正常跳转并显示全面,而IE6版本浏览器则无法支持地图功能。
IE10百度首页跳转百度地图测试情况
IE6百度首页跳转百度地图测试情况
第五步:测试web页面在不同浏览器一些键位是否能正确运作
分别在IE6和IE10版本浏览器中进行操作:在首页搜索栏中输入“测试”,并单击回车键,以测试不同浏览器的回车键是否能正常运作。
IE10浏览器版本中,单击回车键后浏览器可以正常执行搜索操作,并正确显示搜索结果;而在IE6浏览器版本中,单击回车键后浏览器处于白屏的状态,无法显示出搜索结果。
IE10回车键测试情况
IE6回车键测试情况
综上,经过如上五步的测试操作,可以测试出IE6版本浏览器存在着显著的兼容性问题。这些问题的展现,有助于开发人员更好的提高系统兼容性。这样,无论用户用什么浏览器来查看我们的网站或者登录我们的系统,都可以正常显示效果,从而能够给用户更好的使用体验。
作者:汤轶璇