web产品的常见问题:
1、分辨率兼容性:
产品的网页通常保证在1024*768的分辨率下显示正常,但是常常忽略800*600分辨率下的情况,还有其他特殊要求的分辨率。
如果页面设计明确只考虑1024*768的需求,则只在1024*768下验证各个产品页面的显示正确无误
2、预防方法:
产品:需要明确产品需要兼容的常见分辨率
开发:网页页面的设计需要正对多种屏幕分辨率制定设计规范,并依据设计规范进行开发
测试:在不同分辨下验证页面显示的兼容正确性
3、浏览器兼容性:
目前市场上的主流浏览器如下:
1、IE 6.0-11 、edge
2、360浏览器
3、猎豹浏览器
4、QQ浏览器
5、Chrome浏览器
6、FixFox浏览器
7、搜狗浏览器
通常情况下,保证IE 6.0-11和360浏览器下的兼容性,需要保证页面的不变形,Js执行均正确
4、预防方法:
产品:依据主流的浏览器市场占比,评估你需要兼容的浏览器
开发:针对需要兼容的浏览器类型和版本,指定浏览浏览器兼容设计开发规范(css和Js为主),并不断总结兼容性的经验教训
测试:在产品要求兼容的浏览器类型和版本下,进行兼容性测试
5、link问题:
所有链接是否按指示那样确实链接到了该链接的页面
所有链接的页面是否存在
保证web应用系统上没有孤立的页面,所谓的孤立页面是指没有链接指向该页面
链接打开的方式是否合理(在当前弹窗打开、打开新的窗口)
有死链
6、预防方法:
产品:提供需求中明确是否需要链接以及链接的位置以及链接的打开方式
测试:死链测试可以采用工具自动进行
7、快捷键和焦点:
Tab键和焦点的切换:
在测试的页面使用Tab键可以在全面的所有元素进行焦点切换、并且要将相邻元素的tab键切换顺序做到关联。
例如:
1、用户打开登录页面、则焦点应该默认显示在用户名输入框