13996527831
网站建设知识详细

响应式网站测试方法

发表日期:2015-07-21 17:27:11   作者来源:米卓网络   浏览:    

  响应式网站测试不同于传统页面的测试,它不仅需要查看不同浏览器的兼容性,更要特别重视在不同设备特别是在移动设备上的兼容性。

  从目前初步开始对响应式页面进行测试的经验上来看,响应式页面主要可以采取两种测试方式:通过手工进行测试和通过工具进行测试。

  手工测试:手工测试就是通过在所有设备上打开相应页面,检查页面判断页面是否有缺陷的方式。

  工具测试:目前有很多工具可以测试响应式网页,其中相对最全面和准确的就是Chrome浏览器了,Chrome浏览器有设备调试模式(device mode),它是专门用于调试和测试响应式页面的工具集。我们可以通过这个工具来模拟不同的设备,如iphone的各种常用型号,ipad的各种常用型号,三星手机的各种常用型号等,同时可以模拟横屏和竖屏两种用户使用方式。另外Chrome浏览器还可以模拟不同的网络环境以达到更准确的测试效果。

  手工测试和工具测试各有优劣,手工测试的优点是比较准确,通过实际设备来测试可以实际看到页面是否存在缺陷和问题。但是手工测试时,每个页面都需要通过各种设备的各种浏览器来打开检查,非常费时费力;同时还需要准备各种设备,这也比较耗费资源;而不同的网络环境的模拟更是十分困难。

  工具测试比较省事省力,只需要鼠标点击几下进行选择,就可以迅速实现更换设备、更换网络环境等。但是工具测试的准确性不能保证,因为工具只是对设备和网络进行模拟,工具本身的功能和性能会影响测试结果的准确性。

  因此,在测试的时候,我们只能根据测试时间和资源的情况来考虑是选择手工测试还是工具测试,又或者是二者的结合。响应式测试是个新的领域,还需要测试人员的不断探索和总结。