• 11
  • 11
分享

  测试人员在进行项目测试时,经常会遇到基于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。

2-1.png


  点击确定后,IETester便会建立各版本IE浏览器,测试人员便可依此浏览各版本浏览器中的展示效果,或是将不同版本IE浏览器的展现结果进行对比,进行测试。

  第二步:测试Web页面在不同浏览器的界面是否一致

  在IETester中,可以看到各版本IE浏览器均可加载出百度首页的内容,说明在加载上各版本浏览器均没有问题。

  将各版本浏览器加载出的页面进行对比,我们可以看到,同样的百度首页,在IE10版本中右下角的百度视频会议和扫码登录图标可显示完全,而在IE6中这两个小图标则无法显示。同时,对比IE10和IE6的显示内容,IE6版本中存在着百度图片显示不全、“百度一下”按钮位置不一致、“新闻、贴吧”等快捷菜单栏位置不一致、页面存在重叠等问题。

2-2.png


IE10显示内容

2-3.png


IE6显示内容

  第三步:测试web页面在不同浏览器间的易用性是否一致和正常

  在IE6和IE10版本中分别点击登录控件,测试不同浏览器间的易用性。很明显,两个浏览器版本间点击登录后的跳转页面存在明显不同,且IE10中登录框出现在整个页面之上,用户无需下拉页面便可直接找到;而IE6中登录框出现在整个页面的最下方,用户需下拉到页面底部才能看到登录框,存在着无法直接找到的问题。IE10版本的浏览器明显易用性更好些。

2-4.png


IE10登录易用性测试情况

2-5.png


IE6登录易用性测试情况

  第四步:测试web页面在不同浏览器下的功能是否正常运转

  同时测试百度首页的“地图”控件跳转功能,IE10版本浏览器可正常跳转并显示全面,而IE6版本浏览器则无法支持地图功能。

2-6.png


IE10百度首页跳转百度地图测试情况

2-7.png


IE6百度首页跳转百度地图测试情况

  第五步:测试web页面在不同浏览器一些键位是否能正确运作

  分别在IE6和IE10版本浏览器中进行操作:在首页搜索栏中输入“测试”,并单击回车键,以测试不同浏览器的回车键是否能正常运作。

  IE10浏览器版本中,单击回车键后浏览器可以正常执行搜索操作,并正确显示搜索结果;而在IE6浏览器版本中,单击回车键后浏览器处于白屏的状态,无法显示出搜索结果。

2-8.jpg


IE10回车键测试情况

2-9.png


IE6回车键测试情况

  综上,经过如上五步的测试操作,可以测试出IE6版本浏览器存在着显著的兼容性问题。这些问题的展现,有助于开发人员更好的提高系统兼容性。这样,无论用户用什么浏览器来查看我们的网站或者登录我们的系统,都可以正常显示效果,从而能够给用户更好的使用体验。



作者:汤轶璇   

来源:51Testing软件测试网原创

  • 【留下美好印记】
    赞赏支持
登录 后发表评论
+ 关注

热门文章

    最新讲堂

      • 推荐阅读
      • 换一换
          •   做Web自动化的小伙伴们都知道Selenium,可以全面模拟各种网页上的键盘、鼠标、事件。  Selenium虽好,但是定位并不容易,不论CSSselector,还是XPATH,学习曲线也还是有的。  有没有更简单的Web自动化测试工具?  Selenium不好学?那你可能需要的是Helium   有!老司机今天给大家介绍一个比Selenium更简单的自动化测试工具——Helium。  Helium是Python的一个类库,需要事先用pip方式安装。  pip install helium      确保Chrome或者FireFox浏览器已经安装。不需要配合...
            2 2 2069
            分享
          • 一、测试需求:测试20个用户访问网站在负载达到30QPS时的平均响应时间二、QPS:Query Per Second 每秒查询率。(一台查询服务器每秒能够处理的查询次数,作为域名服务器的性能经常用每秒查询率来衡量)三、测试步骤1、添加线程组(线程数+准备时长+循环次数)1)线程数:虚拟用户数,一个虚拟用户占用一个进程或线程(设置多少个虚拟用户=设置多少个线程)2)准备时长(s):设置的虚拟用户数需要多长时间全部启动。eg:线程数为20,准备时长为10,则说明需要10秒钟启动20个进程。3)循环次数:每个线程发送请求的次数。eg:线程数为20,循环次数为5,那么每个线程发送5次请求,总...
            10 9 3195
            分享
          • 软件缺陷:1)软件未实现产品说明书要求的功能2)软件出现了产品说明书指明不应该出现的错误3)软件实现了产品说明书未提到的功能4)软件未实现产品说明书虽未明确提及但应该实现的目标5)软件难以理解、不易使用、运行缓慢或者从测试员的角度看最终用户会认为不好软件测试:为了发现软件产品中的各种缺陷,而对软件产品进行验证和确认的活动过程,此过程贯穿整个软件开发生命周期。 简单的说,软件测试是以发现错误为目的而执行的一个程序或系统的过程。软件测试的目的:验证软件需求和功能是否得到完整实现验证软件是否可以发布尽可能多的发现软件中的bug尽可能早的发现软件中的bug对软件质量做出合理评估预防下个版本可能出现的问...
            3 4 4017
            分享
          • 测试团队不管在公司的位置如何,都应该自己主动争取自己团队内部的一致团结,作为背锅部门,我们需要时刻保持警惕,对于一些外部的问题,需要及时留存证据,以防后续有其他部门的人扯皮。1.客户/实施提出BUG的后续推进    描述:客户/实施 经常报某一类相同问题BUG,该问题实际上是产品设计时易用性不强,导致客户认为该问题为bug。测试人员可针对该类问题,提出建议邮件到产品组来解决并优化该问题。举例:考勤-加班报表月度统计数据维度问题建议    (可在邮箱搜索该邮件)   意义: 测试同学更多的发现问题并提出建议,提高测试团队主动性...
            0 0 1523
            分享
          • 性能测试工具Loadrunner中监控指标的名词解释 Transactions(用户事务分析)用户事务分析是站在用户角度进行的基础性能分析。1、Transation Sunmmary(事务综述)对事务进行综合分析是性能分析的第一步,通过分析测试时间内用户事务的成功与失败情况,可以直接判断出系统是否运行正常。2、Average Transaciton Response Time(事务平均响应时间)“事务平均响应时间”显示的是测试场景运行期间的每一秒内事务执行所用的平均时间,通过它可以分析测试场景运行期间应用系统的性能走向。例:随着测试时间的变化,系统处理事务的速度开始逐渐变慢,这说明应用系统随着...
            0 0 1875
            分享
      • 51testing软件测试圈微信