H5上线前怎么测试才能避免错误？

我们在开发完H5过后，一定要测试它的运行效果，避免上线过后出现错误。但可能有一些刚入行的伙伴可能不清楚要测试些什么内容才行，所以小编就给伙伴们说说H5页面在上线前要测试些什么内容吧。

一、运行逻辑

除基本功能测试外，需要关注的一些测试点：

1、登陆状态

（1）H5页面嵌入到客户端内使用，若客户端已经登录，进入H5页面应是登录状态，页面内容正常显示。

（2） H5页面嵌入到客户端内使用，若客户端无登录，如果该页面需要登录，是否能够跳转到客户端登录页面。若取消登录后，再次登录是否能够正常的再次跳转到登录页。

2.、刷新页面

（1）下拉刷新后，页面是否还在当前页。

（2） 下拉刷新后，页面数据是否正常展示。

（3）用户主动点击下拉刷新，页面是否还处于当前页；页面数据是否正常展示。

（4）系统自动刷新，页面是否还处于当前页；页面数据是否正常展示。

3、下一页

（1） 数据只有一页时，加载数据翻页页面请求数据是否正常。

（2）数据＞1页时，加载数据翻页页面请求数据是否正常。

（3）数据请求翻页loading时，向下刷新页面，页面数据请求是否正确。

4、返回上一级

（1） 点击页面下方返回按钮，页面是否正常返回到期望页面。

（2）点击Android只带的物理键返回按钮，页面是否正常返回到期望页面。

（3）点击一些设计的返回按钮，页面是否正常返回到期望页面。

5、空页处理

（1）接口返回数据为空时，页面是否展示正常。

（2）页面某个数据为空时，页面是否展示正常。

（3）页面某功能返回链接为空，点击该功能区域是否会跳转。

6、错误处理

（1）页面session与cookie值过期时，是否会重新跳转到登录页面。

（2）页面session与cookie值过期时，页面展示是否正常。

二、跳转其他页面状况

微信内体验，页面功能是否能够正常使用，支付相关是否正常调用。

QQ内体验，页面功能是否能够正常使用，支付、分享、页面展示是否正常。

微博内，页面功能是否能够正常使用，支付、分享、各个功能是否正常使用。

普通浏览器内，页面功能是否正常使用，支付、分享、各个功能是否正常使用。

三、H5页面机型适配问题

iPhone手机、iPhone5、iPhone6等各个手机系统，H5页面功能是否展示正常。

Android 市场流行机型、系统，H5页面功能是否展示正常。

分辨率不同的手机，H5页面功能是否展示正常。

不同浏览器，H5页面功能是否展示正常。

四、不同网络状态的运行

WiFI下页面展示，是否正常。

4G、3G等情况下，页面是否展示正常。

数据无网络到有网络，页面点击后是否会自动加载数据。

弱网络的显示，loading。

无网络时的状况。

五、体验度问题

页面请求时，是否会给出loading效果。

页面请求失败时，是否会给出友好提示。

页面刷新时，页面是否会出现抖动现象。

页面文本框输入数据过多时，是否会正常展示。

我们在策划完这些内容过后才能发现问题，并及时改正。如果不进行测试或测试的太过简单，H5页面出现运行问题，那客户肯定会找到我们H5开发团队，所以大家在没有经验的情况下，还是不要独立创作H5了，你可以咨询我们网站客服为你定制H5哟。这里是蓝橙小编，谢谢观看。