H5 测试说明

H5概念

♣ H5 - HTML的第5个版本，它是一门描述网页的标准语言，H5是一种高级的网页技术，包裹HTML、CSS和JavaScript在内容的一套技术组合，所以，H5理解为一个网页

♣ 原生APP：使用原生制作APP，即在基于目前的智能手机的操作系统（Android、iOS、Windows phone）的基础上，使用相应平台支持的开发工具和语言编写的第三方移动应用程序

H5、NativeAPP、混合APP

H5

♣ 开发块、实现的功能也很炫

♣ 只编写一次，可以在多个设备上到处允许，无需安装

♣ 具有局限性，如会话管理、安全离线存储、访问原生设备功能（摄像头、日历和地理位置），依赖网络

NativeAPP

♣ 原生应用程序看起来（界面）和运行起来（性能）是最佳的，能更好的适应各种类型的功能实现

♣ 开发和测试周期比较长，原生的开发太耗时耗力

♣ 必须登录到商店、下载新版本、才能获取最新修正版

混合APP

♣ 某此固定格式和控件的、页面反应速度要求高的模块就采用原生native开发

♣ 对于新闻、大段文字、资讯类的用H5语言的标准实现页面来加载，将其嵌入到原生框架中

♣ 混合应用程序让开发人员可以吧HTML5应用程序嵌入到一个细薄的原生容器里面，集原生应用程序和HTML5应用程序的有点（及缺点）于一体

H5测试流程

1. 功能测试（基本的功能测试和APP一致）

♣ 登录：目前H5与native各个客户端都做了互通，若客户端已登录，那么进入H5后仍然是登录状态；若客户端未登录，进入H5点击对应按钮OR链接，如需登录，须拉起native登录，若取消登录，是否可再次拉起登录，或者停留在也拿是否有对应的登录提示

♣ 翻页：遇到翻页加载的页面，需要注意内容为1页或者多页的情况，数据分页加载时，注意后续页面请求数据的正常，这个需要注意在快速操作场景中，请求页数是不是依次递减，快速操作

♣ 刷新与返回：刷新与返回页面刷新是否仍然处于当前页面，刷新页面或者加载新内容时是否有抖动，用户点击刷新按钮是否仍然处于当前页面，点击返回与back键，回退页面是否是期望页面

♣ 手机操作：弹窗出现/关闭手机关注交互是否友好，如弹出层的点击，是否会穿透影响到下面的页面，手机锁屏之后展示页面，退到后台，再重新新呼出在前台展示

2. UI测试

♣ 小程序的页面测试和APP的页面测试一样，确保产品UI符合产品经理制定的原型图与UI设计效果图/切图一致

♣ 关注页面展示元素，如菜单、对话框、窗口和其他可视控的白布局、风格、文字是否正确，页面是否美观，页面交互操作是否友好，操作是否设计频繁，是否易操作

3. 兼容性测试

♣ 浏览器兼容：考虑手机主浏览器，如QQ、UC、百度；考虑PC端主浏览器，如IE、Chrome，Firefox；Android和iOS自带浏览器，如Chrome Safari

♣ 系统兼容：覆盖Android和iOS最新的试用版和当前流行的主要版本

♣ 屏幕兼容：兼容不同的屏幕大小，包括横屏、竖屏的适配

♣ 主流手机 + 主流浏览器：OPPO + 百度浏览器

4. 安全测试

♣ 明确投放渠道都有哪些，是否对未投放渠道做了限制

♣ 直接通过URL请求是否拦截等，直接URL是否能打开

♣ 部分敏感信息是否加密传输等

♣ 放置恶意攻击

5. 网络测试

♣ 参照APP的测试方法

♣ 测试2G/3G/4G/5G/wifi网络的切换

♣ 测试有网/无网切换下应用的运行

♣ 若网测试：延时、丢包

6. 性能测试

♣ 服务器性能测试 – 接口性能

♣ 客服端性能测试
加载速度：页面的首屏时间、白屏时间，有缓存/无缓存加载时间
资源占用：cpu、流量、电量、内存等的占用