H5测试应该从哪些方面考虑？

①业务逻辑相关

 除基本的功能测试外，H5页面的测试，需要关注以下几点：

1.1登录

 目前H5与native各个客服端都做了互通，所以大家在测试的时候要注意两点：

A、若用户已登录，那么进入H5后仍然是登录状态。

B、若客户端未登录，进入H5，点击对应链接，如果需要登录，须拉起native登录，若取消登录，是否可以两次拉起登录，或者停留在的页面是否有对应的登录提示。

1.2翻页

遇到翻页加载的页面，需要注意内容为1页或多页的情况。

A、数据分页加载时，注意后续页面请求数据的正确性

ps：这个需要注意在快捷操作场景中，请求页数是不是依次递增，快速操作（如果第一页尚未loading出来的时候仍然继续上拉操作）时是否发出去对应的请求。

1.3刷新与返回

A、下拉刷新是否仍处于当前页面

B、用户主动点击刷新按钮是否仍然处于当前页面

C、点击返回与back键，退回页面是否是期望页面

1.4数据的请求与返回

A、提交了数据，数据是否正确的整理到后台管理系统：结婚请帖来参加婚礼的用户，信息和号码以及参与人数，是否正确地提交后台

B、发送了请求，是否正确返回你要求的数据，比如我们常见的结婚请帖，是否收到回执？

②H5适配相关

 H5的适配其实比客户端的相对来说要少一些，手机品牌之间的差异不大，所以不用太多关注，最容易出现问题的是安卓2.3系统，需要特别关注下：

A、大屏（如720*1280，重点关注页面背景是否完全撑开页面，刷新是否有抖动），小屏手机（如320*480，重点关注下弹框的样式和文案拆行）

B、安卓2.3和安卓4.x随机找一个即可

C、ios5、ios6、ios7

D、浏览器上也要能够进行完美展示

③安全相关

3.1明确投放渠道都有哪些如独客、主客、wap，是否对未投放的渠道做了限制，直接通过url请求是否拦截等

3.2是否需要接入支付宝实名认证涉及到金钱相关，如天猫积分，红包等，为了防刷，一般都需要判断是否支付宝实名认证

④体验相关

4.1资源相关

A、页面中有图片的话，淘宝建议图片一般不大于50kb，本着一个原则，尽量缩小图片B、资源是否压缩，是否通过CDN加载。（CDN就近地区访问，服务速度会更快）

C、如何保证二次发布后有效更新

D、对于类似公司名称、offer名称长度的问题，在手机上最好能根据屏幕大小自适应而不是截断，因为手机上是不会有tips可以看的，截断导致大屏幕下也只能显示几个字，交互不好。实际只能填5个字，未提醒情况下写了10个字被截断

4.2流量

A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西，做好本地缓存

B、数据较多时是否做了分页加载

4.3页面展现时间

关注页面首屏加载时间

4.4页面提示

A、弱网络下，数据加载比较慢，是否有对应的loading提示

B、接口获取异常时，提示是否友好

C、刷新页面或者加载新内容时页面是否有抖动

4.5手机操作相关

A、锁屏之后展示页面

B、回退到后台之后，重新呼出在前台展示

C、手指滑动是否流畅，手指点击时焦点是否定位正确，不同机型会不一样，焦点定位后点击是否灵敏

4.6弱网络体验

⑤埋点数据检查

与前端同学一起确认埋点情况。

工具推荐：

1、自己的手机

2、谷歌浏览器右上角“三”图标—更多工具——开发者工具/直接按F2