H5页面测试思路

一：功能测试
1、业务逻辑
与Web测试一样，参照产品原型，把业务逻辑都覆盖一遍即可。H5页面也能在PC端访问，Chrome对H5支持最好，功能相关的测试可以在PC端Chrome下先测试，也可以直接在手机上测试。
2. 登录授权
客户端内打开时，如果已经登录，则无需再登录页面内容正常显示；
如果未登录，则需要登录授权，是否能够跳转到客户端登录页面。若取消登录后，再次登录是否能够正常的再次跳转到登录页。
3.页面刷新
下拉刷新后，页面是否还在当前页，页面数据是否正常展示；
用户主动点击刷新按钮是否仍然处于当前页面，页面数据是否正常展示
4.页面返回
页面返回或者手机自带返回键（安卓物理键返回/IOS左滑返回），点击一次和点击多次，按期望返回上一页，不会出现死循环，不会直接退回App主界面。
5.翻页
需要测试1页或多页的场景，数据分页加载时，注意后面加载的数据是否正确；
注意在快速操作场景中，请求页数是不是依次递增，例如在第一页还没有加载出来的时候继续做上拉操作，看请求是否发出去了。
6.分享
分享链接，被分享者打开查看，页面需要正常显示
7.手机操作
手指滑动：手指滑动流畅，点击时焦点定位正确；
手机锁屏：锁屏之后再打开，还是保留锁屏之前的页面，不会自动退出；退到后台，再重新呼出在前台展示。
8.H5对接第三方时的状况
微信内、QQ内、微博内、浏览器内 等 页面功能是否正常使用，支付、分享、各个功能是否正常使用
9.H5适配相关
iPhone手机、iPhone5、iPhone6等各个手机系统，H5页面功能是否展示正常；
Android 市场流行机型、系统，H5页面功能是否展示正常；
分辨率不同的手机，H5页面功能是否展示正常；
不同浏览器，H5页面功能是否展示正常；
二、界面UI测试
页面符合需求，与原型文档或UI设计效果图保持一致。
注意点：字段长度自适应、弹出层不会穿透影响到下面的页面、弱网情况下数据加载较慢时会有提示信息、刷新页面或者加载新的内容时，页面会有抖动效果
三、兼容性测试
1、浏览器兼容
覆盖手机主流浏览器：QQ、UC、百度等；
覆盖Android和IOS自带浏览器：Chrome，Safari等。
2、系统兼容性
覆盖当前Android和IOS主流的版本。
3、屏幕兼容性
覆盖不同大小的屏幕，包括横竖屏的适配。
测试过程中可以组合测试，例如主流操作系统+常用浏览器，这样更省时。
四、网络测试
1、有网/无网切换
切换网络，页面能正常展示
2、2G/3G/4G/5G/WiFi网络的切换
切换网络，页面能正常展示
3、弱网测试
例如延时或丢包等等，页面能正常展示