对于即将上线的H5页面，除了测试基本功能外，我们还需要对哪些关键点进行测试呢？以便上线后的H5页面功能正常、用户体验良好。H5页面上线前如何进行测试？ 以下为H5测试方法整理：
一、功能逻辑
除基本功能测试外，需要关注的一些测试点：
1. 登录
1.1 H5页面嵌入到客户端内使用，若客户端已经登录，进入H5页面应是登录状态，页面内容正常显示
1.2 H5页面嵌入到客户端内使用，若客户端无登录，如果该页面需要登录，是否能够跳转到客户端登录页面。若取消登录后，再次登录是否能够正常的再次跳转到登录页
2. 下拉刷新
2.1 下拉刷新后，页面是否还在当前页
2.2 下拉刷新后，页面数据是否正常展示
2.3 用户主动点击下拉刷新，页面是否还处于当前页；页面数据是否正常展示
2.4 系统自动刷新，页面是否还处于当前页；页面数据是否正常展示
3. 翻页
3.1 数据只有一页时，加载数据翻页页面请求数据是否正常
3.2 数据＞1页时，加载数据翻页页面请求数据是否正常
3.3 数据请求翻页loading时，向下刷新页面，页面数据请求是否正确
4. 返回
4.1 点击页面下方返回按钮，页面是否正常返回到期望页面
4.2 点击Android只带的物理键返回按钮，页面是否正常返回到期望页面
4.3 点击一些设计的返回按钮，页面是否正常返回到期望页面
5. 数据为空处理
5.1 接口返回数据为空时，页面是否展示正常
5.2 页面某个数据为空时，页面是否展示正常
5.3 页面某功能返回链接为空，点击该功能区域是否会跳转
6. 其他异常处理
6.1 页面session与cookie值过期时，是否会重新跳转到登录页面
6.2 页面session与cookie值过期时，页面展示是否正常
二、H5对接第三方时的状况
- 微信内体验，页面功能是否能够正常使用，支付相关是否正常调用
- QQ内体验，页面功能是否能够正常使用，支付、分享、页面展示是否正常
- 微博内，页面功能是否能够正常使用，支付、分享、各个功能是否正常使用
- 普通浏览器内，页面功能是否正常使用，支付、分享、各个功能是否正常使用
三、H5页面适配
- iPhone手机、iPhone5、iPhone6等各个手机系统，H5页面功能是否展示正常
- Android 市场流行机型、系统，H5页面功能是否展示正常
- 分辨率不同的手机，H5页面功能是否展示正常
- 不同浏览器，H5页面功能是否展示正常
四、网络问题
- WiFI下页面展示，是否正常
- 4G、3G等情况下，页面是否展示正常
- 数据无网络到有网络，页面点击后是否会自动加载数据
- 弱网络的显示，loading
- 无网络时的状况
五、体验相关
- 页面请求时，是否会给出loading效果
- 页面请求失败时，是否会给出友好提示
- 页面刷新时，页面是否会出现抖动现象
- 页面文本框输入数据过多时，是否会正常展示
关于我们：
Infocode蓝畅信息技术有限公司成功为多家世界财富500强企业以及其他著名品牌提供优质服务，是您靠谱的互联网开发供应商。
服务客户遍及北京、上海、杭州、深圳、广州、天津、青岛、南京、宁波、苏州、无锡、厦门、重庆、西安等大中型城市及地区 为您提供：H5开发，小程序开发，H5外包，微信开发，H5商城开发，小程序商城开发，网站开发外包，H5游戏开发，小程序开发外包，小程序设计、APP开发外包，UI设计，SEO优化，SEO外包，视频后期制作等优质服务
本文来自网络，经授权后发布，本文观点不代表Infocode蓝畅信息技术立场，转载请联系原作者。
