兼容性测试,菜鸟的见解


 

浏览器的兼容性测试,我们需要从哪些方面入手?



一个Web系统是否成熟够强大,功能的兼容性的强弱是不容小觑的;我们的Web项目面向的都是大众用户群体,而用户所使用的浏览器都是五花八门,某个功能在A浏览器上显示正常操作Ok,但是在B浏览器上显示就乱糟糟的,严重的可能导致功能都异常,这样一来用户群体对项目系统的好感就大大的打了折扣,So 浏览器的兼容性测试我们得加大关注力度~~我们怎样才做会把浏览器谦虚测试测试到很到位呢?

我个人觉得,首先要了解以下几点,如:

1、了解什么是兼容性测试?

2、为什么会出现功能明明好的换一个浏览器就不行了的原因?

3、我们应该怎样去做兼容性测试,这一点也是最重要的

4、采取什么样的方法或者工具来提高兼容性测试的效率?

①什么是兼容性问题? 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。

②为什么会出现浏览器兼容的问题?因为不同浏览器使用内核及所支持的HTML(标准通用标记语言下的一个应用)等网页语言标准不同;以及用户客户端的环境不同(如分辨率不同)造成的显示效果不能达到理想效果

③兼容性测试从哪些方面入手?

a、了解当前哪些浏览器是主流,挑选前面3-5个左右的浏览器进行兼容性测试(一般选3个左右就差不多了,项目时间允许的话可以做得更多)

b、同浏览器的不同版本也要进行兼容性测试(一般测试最新版本)

c、界面上元素功能是否正常、排版布局是否合理美观,这是兼容性最最最重要的测试范围;

那么在不同浏览器中或者是同一浏览器不同版本里需要对那些界面功能进行兼容性测试?

  • 一眼可见的是网页元素位置是否混乱与错位业务与功能结合的异步交互
  • 功能按钮(增删改查、导入导出、超链接、清空)等等
  • 各种控件的检查:日期和时间控件、搜索控件
  • 有些特殊的图标功能比如:盘古系统上的画图功能是否正常(不覆盖区域图标、覆盖区域绘图、站点位置迁移图标、挪动地图坐标等等

④采取什么样的工具最快,最得心应手?至于使用什么样的工具,哪款工具好;baidu上各种说法,我觉得这个可以得靠自己去摸索了,在baidu名单里选几个比较赞的工具里自己亲身体验了才会有感悟(⊙o⊙)哦~~

我用过:

IETester,是专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,但是有时候在模拟IE7的时候会弹出错误框(这是IETester本身的bug)总体来说还是不错的一款工具

Spoon Browser Sandbox,点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了

其实还有很多类似的工具例如:

BrowserShots BrowserShots 是一款免费的跨浏览器测试工具,捕捉网站在不同浏览器中的截图。这是最有名,也是最古老的浏览器兼容性测试工具。

Multiple IEs这款工具同样用于测试网页在IE浏览器各个版本的兼容性。

还有很多的工具,我这里抛砖引玉大家可以去摸索下;总的来说,兼容性测试还是比较繁琐的,要拿同一个功能去比较在各种浏览器下是否正常~~

---恢复内容结束---


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM