H5界面测试

基本功能测试（浏览器、微信内置浏览器）
登陆
目前 H5 与 native 各个客户端都做了互通，所以大家在测试的时候要注意两点：
A、若客户端已登录，那么进入 H5 后仍然是登录状态。
B、若客户端未登录，进入 H5，点击对应按钮 OR 链接，如果需要登录，须拉起 native 登录。若取消登录，是否可再次拉起登录，或者停留在的页面是否有对应的登录提示。
ps：本次测试过程中就发现，第一次点击链接，可以拉起登录，第二次却不能
翻页
遇到翻页加载的页面，需要注意内容为 1 页或者多页的情况。
A、数据分页加载时，注意后续页面请求数据的正确。
ps：这个需要注意在快速操作场景中，请求页数是不是依次递增，快速操作（如第一页 尚未 loading 出来的时候仍然继续上拉操作）时是否发出去对应的请求了。
刷新与返回
A、下拉刷新是否仍然处于当前页面。
B、用户主动点击刷新按钮是否仍然处于当前页面。
C、点击返回与 back 键，回退页面是否是期望页面
ps：本次测试过程中就发现，mtop 接口请求成功，但是 data 内无数据时，返回到的就 是个空白页面，无法正常发送请求。
H5 适配相关
H5 的适配其实比客户端的相对来说，要少一些，手机品牌之间的差异不大，所以不用 太多关注，最容易出现问题的是 android2.3 系统，这个要特别关注下：
A、大屏（如 7201280，重点关注页面背景是否完全撑开页面，刷新是否有抖动）、小 屏手机（如 320480，重点关注下弹框样式和文案折行）
B、android2.3、android4.X 随机找一个即可。
C、ios5、ios6、ios7。
资源相关
A、页面中有图片的话，淘宝那边建议图片一般不大于 50kb，本着一个原则，尽量缩小 图片。
B、资源是否压缩、是否通过 CDN 加载。
C、如何保证二次发布后有效更新。
流量
A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西， 做本地缓存。 B、数据较多时是否做了分页加载。
页面展现时间
A、关注页面首屏加载时间。
页面提示
A、弱网络下，数据加载较慢，是否有对应的 loading 提示。
B、接口获取异常时，提示是否友好。
C、刷新页面或者加载新内容时页面是否有抖动。
手机操作相关
A、锁屏之后展示页面。
B、回退到后台之后，重新呼出在前台展示。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！