H5测试区别与PC端测试关注点

 

 

除了基本的业务逻辑功能测试之后，H5页面的测试，需要关注以下几点：

 

1、  通过H5网页（非手机的返回功能）的返回功能可以返回，不会出现无法返回的情况。

  

2、  横屏竖屏相互切换，能自适应，并且布局不会乱掉；

 

3、  关注页面请求，是否会有多余的请求，或者请求后有多余的数据返回，尽量精简，否则会浪费流量。

 

4、  对于商品名称、标题长度的问题，在手机上最好能根据屏幕大小自适应而不是截断，因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字，界面显示不友好。

 

5、  手指滑动是否流畅，手指点击时焦点是否定位正确，不同机型会不一样。焦点地位后点击是否灵敏。

 

6、  手机测试要特别关注交互是否友好，与PC浏览器的事件处理不一样，可能会导致一些体验的问题，比如：弹出层的点击，是否会穿透，影响到弹出层下面的页面。还有上次华为手机在输入框回删数据不能连动计算收益的问题。

 

7、  关注页面首屏加载时间，根据2 5 8 原则，最长时间在8s，体验效果一般在2~5s，较好的在2s以内。手机端的浏览器测试的时候要经常清除一下缓存，因为图片和文件会被缓存下来，所以首次访问和二次访问体验不一样。例如UC浏览器的清楚缓存在设置-》系统设置-》基本设置--》清除记录中。

 

8、  数据分页加载时注意后续页面请求数据是否正确。需要注意在快速操作（快速操作：当第一页尚未加载完仍然继续上拉操作）场景中，请求页数是不是依次递增，是否发出了对应的请求。

 

9、H5适配相关，H5的适配比app相对来说要少一些，各品牌差异不大，最容易出现问题的android2.3系统。

像大屏的pad ，720*1280，重点关注页面背景是否完全撑开页面。

小屏手机如果4，320*480，重点关注弹框样式和方案折行。

 

10、弱网络下，数据加载较慢时，是否有对应的loading提示。

 

11、考虑手机特殊中断情况，比如我正在进行微信支付，突然来电 or 闹钟响了。

 

12、锁屏之后，重新展示页面。

回退到后台之后，重新呼出在前台展示。