现在市面上有大量做H5定制开发的公司，这也促使H5定制开发行业发展得越来越好。然而，在我们做完H5产品开发之后，都会想着上线推广，在上线之前，开发人员还会对其进行测试。下面我就来为大家讲述H5产品上线前是如何测试的吧！
一、产品功能逻辑测试
1. 登录
1.1 H5页面嵌入到客户端内使用，若客户端无登录，如果该页面需要登录，是否能够跳转到客户端登录页面。若取消登录后，再次登录是否能够正常的再次跳转到登录页。
1.2 H5页面嵌入到客户端内使用，若客户端已经登录，进入H5页面应是登录状态，页面内容正常显示。
2. 翻页跳转
2.1 数据请求翻页loading时，向下刷新页面，页面数据请求是否正确。
2.2 数据只有一页时，加载数据翻页页面请求数据是否正常。
2.3 数据＞1页时，加载数据翻页页面请求数据是否正常。
3. 下滑刷新
3.1 用户主动点击下拉刷新，页面是否还处于当前页；页面数据是否正常展示。
3.2 系统自动刷新，页面是否还处于当前页；页面数据是否正常展示。
3.3 下拉刷新后，页面是否还在当前页。
3.4 下拉刷新后，页面数据是否正常展示。
4. 返回上级页面
4.1 点击一些设计的返回按钮，页面是否正常返回到期望页面。
4.2 点击页面下方返回按钮，页面是否正常返回到期望页面。
4.3 点击Android只带的物理键返回按钮，页面是否正常返回到期望页面。
5. 数据为空处理
5.1 页面某功能返回链接为空，点击该功能区域是否会跳转。
5.2 接口返回数据为空时，页面是否展示正常。
5.3 页面某个数据为空时，页面是否展示正常。
6. 其他异常处理
6.1 页面session与cookie值过期时，页面展示是否正常。
6.2 页面session与cookie值过期时，是否会重新跳转到登录页面。
二、H5产品对接其他平台的情况分析
微博内，页面功能是否能够正常使用，支付、分享、各个功能是否正常使用。
普通浏览器内，页面功能是否正常使用，支付、分享、各个功能是否正常使用。
微信内体验，页面功能是否能够正常使用，支付相关是否正常调用。
QQ内体验，页面功能是否能够正常使用，支付、分享、页面展示是否正常。
三、H5页面适配处理
分辨率不同的手机，H5产品页面功能是否展示正常。
不同浏览器，H5产品页面功能是否展示正常。
iPhone手机、iPhone5、iPhone6等各个手机系统，H5产品页面功能是否展示正常。
Android 市场流行机型、系统，H5产品页面功能是否展示正常。
四、网络维护问题
数据无网络到有网络，页面点击后是否会自动加载数据。
弱网络的显示，loading。
无网络时的状况。
WiFI下页面展示，是否正常。
4G、3G等情况下，页面是否展示正常。
五、安全性测试
测试产品安全性能如何，查看是否会出现数据被窃取的情况。
查看是否能够保护用户的基本信息和隐私
通过上述内容，想必大家对H5产品上线前的测试方法有了进一步的了解。我们在进行H5定制开发的时候，不仅要考虑它的功能以及页面效果，还要知道它是否可以成功上线，如果不能上线，那么您之前所做的努力都将白费。倘若您没有这方面的经验，蓝橙开发团队将会为您提供H5定制开发服务！
相关阅读：
