H5页面测试点总结2

1.返回功能
通过H5页面（非手机自带返回键）的返回功能键返回，可以返回到正确的页面（上一级/退出h5）

2.屏幕切换
横屏竖屏相互切换，能适应，布局不乱，或页面只支持横或竖屏限制

3.分辨率适配更好
建议采用响应式设计（如：offerlist页面大屏显示3行，小屏显示2行）

4.页面打开形式
建议页面在手机上从list点击进入detail页面，要在原窗口打开，通过页面页头返回按钮返回，不需要通过手机返回键返回，交互体验好

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

6.图片适配
图片适配测试，根据不同屏幕和分辨率做适配，以及适配后的清晰度，高端机取双倍尺寸的图

7.用浏览器chrome f12进行测试
H5的页面在PC端也是能访问的，chrome对H5支持最好，功能的测试可以在PC端chrome下先测试，也可以在手机上直接测试，这个看个人习惯。（ie系列**ie8,及以下都支持的不好，这个可以与PD确认H5页面在这些PC浏览器上不支持）

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

9、对于类似公司名称、offer名称长度的问题，在手机上最好能根据屏幕大小自适应而不是截断，因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字，交互不好

10、手机测试要特别关注交互是否友好，与PC机的事件模型不一样，可能会导致一些体验的问题，比如：弹出层的点击，是否会穿透，影响到弹出层下面的页面。

11、对于一些浮层做的页面，例如地图、产品分类等浮层，注意拖动后是否可以看到它下面的页面，拖动后边缘是否有留白

12、手机端的浏览器测试的时候也要清除一下缓存，因为图片和文件会被缓存下来，所以首次访问和二次访问体验不一样。例如UC浏览器的清楚缓存在设置-》系统设置-》基本设置--》清除记录中。