最近接触了较多关于H5页面的测试，H5页面的测试除了业务逻辑功能测试外，其他部分的测试方法基本是可以通用的，在此对H5页面和小程序的一些通用测试方法进行总结分享给大家。
H5优势
-
H5可以跨平台，开发成本相对较低；
-
H5可随时上线就更新版本，适合快速迭代；
-
H5可以轻量的触达用户，提供更快捷的服务；
-
在微信入口或者浏览器上，用户只需点开链接就可以获取我们所提供的服务。
H5劣势
-
H5->的转化强依赖于浏览器；
-
H5目前基本无法将数据存储在本地，依赖实时性数据，网络状态不好的时候卡到哭。
-
性能相对较低，影响用户体验。
H5功能验证
-
对于页面中的返回，以及浏览器自带的返回的测试。页面中的返回要考虑业务逻辑，返回到相应层次，需要从用户角度返回的转跳逻辑，不能出现死循环。并要注意返回后是否需要刷新页面请求通过H5页面（非手机自带返回键）的返回功能键返回，可以返回到正确的页面（上一级/退出H5）点击返回与back键，回退页面是否是期望页面。
-
横屏竖屏相互切换，能自适应，并且布局不会乱掉；或页面只支持横或竖屏限制。
-
在手机上从list点击进入detail页面，要在原窗口打开，这样可以通过页头的返回按钮返回，而不需要通过手机的返回键返回，这样交互上更友好。
-
关注页面请求，是否会有多余的请求，或者请求后有多余的数据返回，尽量精简，否则会浪费流量。
-
图片适配测试，根据不同屏幕和分辨率做适配，以及适配后的清晰度，高端机取双倍尺寸的图--app兼容测试。
现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：691998057【暗号：csdn999】
小程序测试技术
小程序的特点
-
类似WEB.非HTML5
-
即用即走，随手可得
-
拥有离线能力
-
基于微信跨平台
-
媲美原生操作体验
小程序的入口
-
扫码进入小程序
-
搜索小程序
-
小程序发送到桌面（Android）
-
发送给朋友
小程序的架构
-
微信小程序的框架包含两部分，View视图层、App Serive逻辑层，View视图层用力啊渲染页面结构，App Serive逻辑层用来逻辑处理、数据请求、接口调用，它们在两个线程里运行。
-
View视图层使用WebView渲染，App Serive逻辑层使用JSCore运行。
-
View视图层和App Serive逻辑层通过系统层的JSBrigdage进行通信，App Serive逻辑层把数据变化通知到WebView渲染，触发WebView渲染页面更新，WebView渲染把触发的事件通知到App Serive逻辑层进行业务处理。
小程序的测试点
功能测试
-
输入
-
输出
-
边界值
-
页面交互---微信小程序里面界面交互
-
系统问题方面测试--低电，来电话，数据线插拔，充电状态，重启等情况
界面测试
-
设计是否美观
-
是否符合需求说明
-
尺寸是否合理
-
对于横竖屏切换使用好不同手机分辨率和尺寸的要求是否符合
兼容性测试
-
操作系统---IOS、Android
-
微信版本--小程序的api(接口)库
-
其他微信小程序
-
屏幕大小和分辨率因素
-
不同网络状态下的测试---2G/3G/4G/WIFI
与微信功能的交互测试
-
入口--下拉框、发现模块搜索
-
交易--微信钱包、微信卡包
-
与微信其他功能的切换--抢红包、文字聊天、语音聊天、视频通话
性能测试
-
页面响应时间
-
资源占用
-
渲染时间
-
耗电量
-
白屏时间
-
帧率
安全性测试
-
接口测试--传递的数据的安全性
-
危险账号授权
-
与小程序的app账号关联
易用性测试
-
是否方便使用
-
提示信息是否完整
-
各个功能是否可用
-
是否方便查找
-
是否可以离线使用
-
进入小程序过程是否简单易操作
其他注意事项
-
小程序升级更新--一般为强制升级和更新
-
小程序目前不支持分享至朋友圈，但是可以用图片的方式分享至朋友圈
-
小程序的添加和删除
-
微信端取消授权登录
下面是配套资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！
最后： 可以在公众号：程序员小濠 ！ 免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享！，其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。文章来源：https://www.toymoban.com/news/detail-797398.html
如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！文章来源地址https://www.toymoban.com/news/detail-797398.html
到了这里，关于揭秘H5与小程序的测试奥秘！的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
