这篇文章主要介绍“html5测试需要注意什么”，在日常操作中，相信很多人在html5测试需要注意什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”html5测试需要注意什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！业务逻辑相关
除基本的功能测试之外，H5页面的测试，需要关注以下几点：1、登陆目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点：A、若客户端已登录，那么进入H5后仍然是登录状态。B、若客户端未登录，进入H5，点击对应按钮OR链接，如果需要登录免费云主机域名，须拉起native登录。若取消登录，是否可再次拉起登录，或者停留在的页面是否有对应的登录提示。ps：本次测试过程中就发现，第一次点击链接，可以拉起登录，第二次却不能。2、翻页遇到翻页加载的页面，需要注意内容为1页或者多页的情况。A、数据分页加载时，注意后续页面请求数据的正确。ps：这个需要注意在快速操作场景中，请求页数是不是依次递增，快速操作（如第一页尚未loading出来的时候仍然继续上拉操作）时是否发出去对应的请求了。3、刷新与返回A、下拉刷新是否仍然处于当前页面。B、用户主动点击刷新按钮是否仍然处于当前页面。C、点击返回与back键，回退页面是否是期望页面ps：本次测试过程中就发现，mtop接口请求成功，但是data内无数据时，返回到的就是个空白页面，无法正常发送请求。4、 mtop接口返回处理发现这个出现问题的地方有很多，但是只要有意识的去处理，就很容易避免，主要是以下几种情况：A、请求成功，且返回有数据，测试mtop接口返回数据的各种场景。B、请求成功，但data内容为空。C、请求接口异常，出现ERR_SID_INVALID::SESSION过期，拉起登录。D、请求接口发生除C中提到的异常之外的异常，通常可归结为一类进行处理。H5适配相关H5的适配其实比客户端的相对来说，要少一些，手机品牌之间的差异不大，所以不用太多关注，最容易出现问题的系统，这个要特别关注下：A、大屏（如720*1280，重点关注页面背景是否完全撑开页面，刷新是否有抖动）、小屏手机（如320*480，重点关注下弹框样式和文案折行）B、android4.X随机找一个即可。C、ios9、ios8、ios7。网络相关不同网络类型测试a)考虑2G3G4Gwifi网络b)考虑移动网络2G3G4G基站的变化的影响c)无连接、关闭连接状态d)弱网络信号状态e)有网络信号但网络不可达状态测试注意点a)从wifi切换到2G/3G网络、从2G/3G网络切换到wifi等b)弱网络降级：处于2G/3G网络省流量模式的一些特殊处理，比如2G网络下测试，图片多时是否要懒加载等c)无网络时，执行需要网络的操作，给予友好提示，并确保不会导致应用crash；d)内网测试时，要注意选择到外网操作是的异常情况处理；e)弱网络下，检查功能状态是否正常，确保不因提交数据失败而造成异常甚至应用crash；f)弱网络下，检查数据是否一直处于提交中的状态，如遇数据交换失败要给予提示；g)弱网络下，执行操作后，在回调没有完成的情况下，退出本webview或者其他操作，有无异常安全相关1、明确投放渠道都有哪些如独客、主客、wap，是否对未投放渠道做了限制，直接通过url请求是否拦截等2、评估是否需要接入集团安全，如mtee黑白名单等。3、是否需要接入支付宝实名认证涉及到金钱相关，如天猫积分，红包等，为了防刷，一般都需要判断是否支付宝实名认证。4、是否接入windvane，所有请求通过native发出。操作页面体验相关1、资源相关A、页面中有图片的话，淘宝那边建议图片一般不大于50kb，本着一个原则，尽量缩小图片。B、资源是否压缩、是否通过CDN加载。C、如何保证二次发布后有效更新。2、流量A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西，做本地缓存。B、数据较多时是否做了分页加载。3、页面展现时间A、关注页面首屏加载时间。4、页面提示A、弱网络下，数据加载较慢，是否有对应的loading提示。B、接口获取异常时，提示是否友好。C、刷新页面或者加载新内容时页面是否有抖动。5、手机操作相关A、锁屏之后展示页面。B、回退到后台之后，重新呼出在前台展示。 埋点数据检查与BI、前端同学一起确认埋点情况。到此，关于“html5测试需要注意什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注云编程开发博客网站，小编会继续努力为大家带来更多实用的文章！
经过半个多月的时间把Protostar完成了，休息了几天，继续做Fusion。*********题外话开始**********在大学期间就在纠结是否选择程序猿的道路，结果因长时间高负荷写代码会引发不适而放弃了，不得不赞一下调好一个BUG时那种feel。如今，当…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
