1,网页设备适配测试能否适配不同尺寸的屏幕,网站需在手机、平板、电脑等不同设备上保持功能正常和布局美观,重点测试主流设备覆盖测试,测试设备清单至少需全部全测,覆盖主流尺寸即可,移动端手机iPhone13/14、华为Mate50、小米13 等、屏幕尺寸6-7英寸、平板iPad Pro11英寸、华为MatePad 10.4 英寸,桌面端笔记本13-15英寸、台式机21-27英寸大屏显示器32英寸以上。
2,测试方法实际设备测试用上述设备分别访问网站,观察核心页面首页、产品页、表单页浏览器模拟测试用,选择不同设备尺寸从320px宽的手机到1920px宽的桌面。
3,核心判断标准布局是否错乱,合格导航栏在手机端自动折叠为汉堡菜单,图片/文字随屏幕尺寸自适应缩放,无横向滚动条不合格手机端文字溢出屏幕,需左右滑动查看按钮被截断、表格内容重叠。
4,功能是否可用合格移动端的表单可正常输入、按钮可点击下拉菜单能展开、弹窗能关闭不合格手机端,提交订单按钮无法点击、导航菜单点击后无反应、图片无法放大查看。