点击上方“背锅侠Tester”，从陌生到恋爱的感觉~
听说看超哥的文章会上瘾
不要把工作当作生活的工具，把工作当生意做；
愿自己身体健健康康家人平安
祝各位同上，2019更精彩@all
-Tester-也哥-
01
进入正文
经常有在找工作的小白来跟我说：今天被面试官虐了，问我会不会H5测试，直接问哑了。
可能有些朋友不明白啥是H5，但其实生活中我们经常会碰到。
比如，你经常收到的朋友虐狗第一式—结婚请贴。
你的朋友圈，可能会经常看到宝妈们虐狗第二式—晒可爱宝宝的相册。
你有可能也收到过这样，非常直观，充满激情和诱惑的招聘信息。
等等等等等等...
看到这里你也许恍然大悟，哦，原这就是H5！
没错，我们平时说的H5测试就是HTML5
其实就是：移动端WEB页面。
1>那么它跟安卓APP与IOS APP有什么样的区别呢？
◆ 我们以往的APP是使用原生系统内核的，相当于直接在系统上操作，是我们传统意义上的软件，更加稳定。
◆ H5的APP先得调用系统的浏览器内核，相当于是在网页中进行操作，较原生APP稳定性稍差，似乎还没有百万级用户量的H5 APP。
◆ H5最大的优点是可以跨平台，开发容易。APP的话需要用ANDROID的语言和IOS的语言各自写，H5只要开发一套 。
简单的说：H5是基于web，native基于客户端。
2>那么H5测试应该从哪些方面考虑？
首先和业务逻辑相关，除基本的功能测试之外。
H5页面的测试，需要关注以下几点：
1.登录
目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点：
A、若客户端已登录，那么进入H5后仍然是登录状态。
B、若客户端未登录，进入H5，点击对应按钮OR链接，如果需要登录，须拉起native登录。
C、若取消登录，是否可再次拉起登录，或者停留在的页面是否有对应的登录提示。
2.翻页
遇到翻页加载的页面，需要注意内容为1页或者多页的情况。
A、数据分页加载时，注意后续页面请求数据的正确。
ps：这个需要注意在快速操作场景中，请求页数是不是依次递增，快速操作
（如第一页尚未loading出来的时候仍然继续上拉操作）时是否发出去对应的请求了。
3.刷新与返回
A、下拉刷新是否仍然处于当前页面。
B、用户主动点击刷新按钮是否仍然处于当前页面。
C、点击返回与back键，回退页面是否是期望页面
4.数据的请求与返回
A、提交了数据，数据是否正确的整理到后台管理系统：结婚请帖来参加婚礼的用户，信息和号码以及参与人数，是否正确的提交后台。
B、发送了请求，是否正确返回你要求的数据。比如我们常见的结婚请帖，是否有收到回执？
3>H5适配
H5的适配其实比客户端的相对来说，要少一些，手机品牌之间的差异不大，所以不用太多关注，最容易出现问题的是android2.3系统。
这个要特别关注下：
A、大屏（如720*1280，重点关注页面背景是否完全撑开页面，刷新是否有抖动）、小屏手机（如320*480，重点关注下弹框样式和文案折行）
B、android2.3、android4.X随机找一个即可。
C、ios5、ios6、ios7。
D、浏览器上也要能够进行完美展示。
4>和安全相关就要注意这几点：
明确投放渠道都有哪些
如独客、主客、wap，是否对未投放渠道做了限制，直接通过url请求是否拦截等
是否需要接入支付宝实名认证涉及到金钱相关，如天猫积分，红包等，为了防刷，一般都需要判断是否支付宝实名认证。
以前我在的公司，有一次为了做推广~发起了一个数钱的活动，每次都是一毛一毛的数，时间是15秒。
出现如下bug：
A、利用脚本数钱，15秒数出了100多~~-最后出于推广成本的考虑，就把时间限制为5秒、
B、转发一次就可以奖励多一次机会数钱，结果没有做好限制，朋友的朋友推广，还是可以奖励次数。
5>和体验相关应该注意一下几点：
1.资源相关
A、页面中有图片的话，淘宝那边建议图片一般不大于50kb，本着一个原则，尽量缩小图片。
B、资源是否压缩、是否通过CDN加载。---CDN是什么？---就近地区访问，服务速度会更快。
C、如何保证二次发布后有效更新。
D、对于类似公司名称、offer名称长度的问题，在手机上最好能根据屏幕大小自适应而不是截断，因为手机
上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字，交互不好
2.流量
A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西，做本地缓存。
B、数据较多时是否做了分页加载。
3.页面展现时间
A、关注页面首屏加载时间。
4.页面提示
A、弱网络下，数据加载较慢，是否有对应的loading提示。
B、接口获取异常时，提示是否友好。
C、刷新页面或者加载新内容时页面是否有抖动。
5.手机操作相关
A、锁屏之后展示页面。
B、回退到后台之后，重新呼出在前台展示。
C、手指滑动是否流畅，手指点击时焦点是否定位正确，不同机型会不一样。焦点地位后点击是否灵敏。
6.弱网络体验
1.埋点数据检查
与前端同学一起确认埋点情况。
什么是埋点？
接下来你可能要问，H5测试的工具是什么？很简单。
A、你手上的手机---直接扫描二维码打开链接，进行测试。
B、谷歌浏览器---调试成手机模式来进行测试。
下载谷歌浏览器，点击浏览器右上角“三”图标，在下拉选项中选择“更多工具”-“开发者工具”，或者直接按F2；
这样子就可以开始测试了！是不是超简单？
本文来源于：柠檬班软件测试
文部分来源网络，如有侵权请第一时间联系删除。
02
精彩推荐
03
[背锅侠Tester]公众号简介
1.本订阅号专业抓取各大公司经典面试题，定期推送,欢迎投稿。
2.测试从业者各项知识技术文档推送学习【爬虫】【jmeter】【python】【git】【linux】【selenium】【linux】【appscan】【数据库】【app测试用例】【面试题】【经营性书籍】【电影】等
3.不定期在测试技术招聘群发送各大公司的招聘需求/推送红包/送书等活动；
& 看完本文有收获？请转发分享给更多人；点击【好看】,分享给更多朋友：）；
& +微信: shichaogg 入技术、招聘群，做顶级背锅侠
& 请认准【背锅侠Tester】长按扫描下方二维码进行关注查阅更多精彩好文，领取资料。
04
好文-关注/分享/好看三部曲 : )
给我好看
2028
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
