H5测试需要关注的测试方面

本文主要是介绍H5测试需要关注的测试方面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

原文转自：https://blog.csdn.net/u011695652/article/details/77932393

Html5是近五年来风头最劲的前端界面语言，不管是在PC端和手机端都得到了大幅度的使用，相信不久的将来将会替代Html4成为所有主流WEB界面的前端编写语言。而从H4升级到H5，还是有很多不同特性。且在插件的应用上也大大简化。下面我们就来探讨一下H5测试时应考虑的测试点。

      1.每个用户界面除非是静态也我们都要考虑到界面中的所有业务逻辑关系。现在我们从常识的方面去考虑以下业务逻辑相关内容：

a.基本功能.    

 b. 登陆目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点：A、若客户端已登录，那么进入H5后仍然是登录状态。B、若客户端未登录，进入H5，点击对应按钮OR链接，如果需要登录，须拉起native登录。C若取消登录，是否可再次拉起登录，或者停留在的页面是否有对应的登录提示。ps：本次测试过程中就发现，第一次点击链接，可以拉起登录，第二次却不能。

 c.翻页 遇到翻页加载的页面，需要注意内容为1页或者多页的情况。A、数据分页加载时，注意后续页面请求数据的正确.ps：这个需要注意在快速操作场景中，请求页数是不是依次递增，快速操作（如第一页尚未loading出来的时候仍然继续上拉操作）时是否发出去对应的请求了。 

d.刷新与返回 A、下拉刷新是否仍然处于当前页面。B、用户主动点击刷新按钮是否仍然处于当前页面。C、点击返回与back键，回退页面是否是期望页面 .ps：本次测试过程中就发现，mtop接口请求成功，但是data内无数据时，返回到的就是个空白页面，无法正常发送请求。 

e.mtop接口返回处理  发现这个出现问题的地方有很多，但是只要有意识的去处理，就很容易避免，主要是以下几种情况：A、请求成功，且返回有数据，测试mtop接口返回数据的各种场景。B、请求成功，但data内容为空。C、请求接口异常，出现ERR_SID_INVALID::SESSION过期，拉起登录。 D、请求接口发生除C中提到的异常之外的异常，通常可归结为一类进行处理。

 

2.H5 适配

a、大屏（如720*1280，重点关注页面背景是否完全撑开页面，刷新是否有抖动）、小屏手机（如320*480，重点关注下弹框样式和文案折行）
b、android4.X 及以上随机找几个即可。
c、ios8,IOS9,IOS10。

 

3.提验相关  友好的流程和界面会使用户满意度上升从而增加UV

a. 资源相关:  A、页面中有图片的话，淘宝那边建议图片一般不大于50kb，本着一个原则，尽量缩小图片。B、资源是否压缩、是否通过CDN加载。C、如何保证二次发布后有效更新。
b 流量: A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西，做本地缓存。B、数据较多时是否做了分页加载。

c  页面展现时间:   关注页面首屏加载时间。

d  页面提示: A、弱网络下，数据加载较慢，是否有对应的loading提示。B、接口获取异常时，提示是否友好。C、刷新页面或者加载新内容时页面是否有抖动。
e  手机操作相关:A、锁屏之后展示页面。 B、回退到后台之后，重新呼出在前台展示。
f  弱网络体验

 

4.埋点数据检查：与BI、前端同学一起确认埋点情况。

这篇关于H5测试需要关注的测试方面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---