H5专项测试简要总结（一）基本点

随着Html5的流行，现在很多业务场景使用H5页面来承载，使活动类、运营类的业务功能更便捷在微信、Native端部署，所以H5方面的测试也变得越来越重要。

需要关注的点：

1. 登陆：

1. 客户端已登录状态时，H5页面操作无需再次登陆；
2. 客户端未登录状态时，H5页面操作需要登陆，注意二次登录的操作；
3. 需要在获取微信openid的H5页面的提示；
4. 微信登录态和Native登录态之间的转化；

2. 翻页：

1. 首屏loading过程中的上拉获取数据；
2. 更多页面加载的翻页数据无异常；
3. 返回上一层页面的处理，检查重复操作等；
4. 注意检查翻页后的数据是否有数据重复和缺失，以及排序方面的问题；

3. 屏幕适配：

1. 需要了解用户使用的重点机型以及边缘机型；
2. 重点机型真机测试，可以考虑在线测试平台测试兼容性；
3. 请求接口获取用户设备的型号信息，根据不同设备下发不同的适配页面；
4. 部分页面能够通过Chrome浏览器开发者选项模拟屏幕尺寸信息；

4. 安全相关：

1. H5页面的投放渠道限制；
2. 支付类敏感操作的实名制验证等；
3. 集团网络相关的安全限制等；
4. URL能否直接打开等。

5. 资源加载：

1. 使用小图，适配屏幕尺寸下发图片；
2. 使用CDN加速；
3. 使用gzip压缩请求；
4. 建立合理的缓存机制；
5. 大量数据的分页显示；

6. 页面提示：

1. 页面资源加载过程或者操作过程中的loading标示；
2. 各种借口返回的状态信息提示；
3. 刷新页面或者进行页面操作的体验：无闪、屏抖动等情况；

7. 非常规操作：

1. 涉及音视频资源的系统静音等的冲突等；
2. 音视频的切片处理；
3. 锁屏操作；
4. 切到后台返回的处理；
5. 弱网测试

8. 数据埋点：

1. 用于BI的数据埋点