news 2026/1/11 3:15:53

H5页面这样测,业务方反馈0Bug!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
H5页面这样测,业务方反馈0Bug!

Html5 app实际上是Web app的一种,在测试过程中可以延续Web App测试的部分方法,同时兼顾手机端的一些特性即可,下面帮大家总结下Html5 app 相关测试方法!

app内部H5测试点总结

1、业务逻辑

除基本功能测试外,需要关注的一些测试点:
a.登录
a.1 H5页面嵌入到客户端使用,若客户端已经登录,进入H5页面应该是登录状态
a.2 H5页面嵌入到客户端内使用,若客户端未登录,如果访问的页面需要登录,是否能跳转到客户端登录页面。若取消登录后,再次访问是否能正常的再次跳转到登录页面;
a.3 H5页面嵌入到客户端内使用,若客户端内已经登录,进入H5页面,该页面是否展示正常;


b.下拉刷新
b.1 下拉刷新后,页面是否还在当前页;
b.2 下拉刷新后,页面数据是否正常显示;
b.3 用户主动点击下拉刷新,页面是否还处于当前页;页面数据是否正常显示;
b.4 系统自动刷新,页面是否还处于当前页,页面数据是否正常展示;


c.翻页
c.1 数据只有一页时,加载数据翻页页面请求数据是否正常
c.2 数据>1页时,加载数据翻页页面请求数据是否正常
c.3 数据请求翻页loading时,向下刷新页面,页面数据请求是否正常


d.返回
d.1 点击页面返回按钮,页面是否正常返回到期望页面;
d.2 点击Android自带的返回按钮,页面是否正常返回到期望页面;
d.3 点击一些设计的返回按钮,页面是否正常返回到期望页面;


e.数据为空处理
e.1 接口返回数据为空时,页面是否展示正常
e.2 页面某个数据为空时,页面是否展示正常
e.3 页面某功能返回链接为空,点击该功能区域是否会跳转

f.其他异常处理
f.1 页面session与cookie值过期时,是否会重新跳转到登录页
f.2 页面session与cookie值过期时,页面展示是否正常


2.H5与第三方体验环境:
a. 微信内体验,页面功能是否能够正常使用,支付、分享、页面展示是否正常
b. qq内体验,页面功能是否能够正常使用,支付、分享、页面展示是否正常
c. 微博内,页面功能是否能够正常使用,支付、分享、页面展示是否正常
d. 普通浏览器内,页面功能是否能够正常使用,支付、分享、页面展示是否正常


3.H5页面适配
a. iPhone手机:iPhone5、iPhone6等各个手机系统,H5页面功能是否展示正常
b. Android市场流行机型,系统,H5页面功能是否展示正常
c. 分辨率不同的手机,H5页面功能是否展示正常
d. 不同浏览器,H5页面功能是否展示正常


4.网络问题
a.WiFi下页面展示是否正常
b.4g,3g等情况下,页面是否展示正常;
c.移动,电信,联通网络下页面是否展示正常
d.数据无网络到有网络,页面点击后是否会自动加载数据;


5.体验问题
a.页面请求时,是否会给出loading效果
b.页面请求失败时,是否会给出友好提示
c.页面刷新时,页面是否会出现抖动现象
d.页面文本输入数据过多时,页面是否会正常显示;

一些混合APP测试常见问题

1、由于HTML5嵌入在App里面,输入框需要调用原生键盘。由于andriod不同手机的差异化,会导致原生键盘功能不同。

曾发现三星的android某版本调用原生数字键盘没有小数点,后只要碰到三星机器就调用全键盘;

2、App底部导航栏是否带入到H5页面中,打开键盘是否会影响导航栏位置变动。一般在HTML5页面中应该删除App的导航栏;

3、App与HTML5对接部分需要加密传输;

4、App头部的点击后返回的是前一个页面还是退回app主界面,需要注意;

5、IOS、Android的部分机型由于键盘的打开和收起会出现提示或确认页面弹框上下不居中;

6、由于网络问题偶现的App的报错需要包装;

7、从App各个入口进入HTML5界面都是免登录,各入口登录、登出正常;

8、在各个机型中,屏幕较小和较大的机器会出现不能全部显示或者部分空白的情况。

9、长时间不操作HTML5或者App,需要重新登录,或者需要重新输入密码;

10、屏幕较小手机提交参数的确认页面,由于字数较多会出现换行的情况,需要做适配。

感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/1/8 4:30:55

PyTorch安装后import报错?可能是依赖缺失

PyTorch安装后import报错?可能是依赖缺失 在深度学习项目开发中,你是否曾经历过这样的场景:明明已经用 pip install torch 安装了 PyTorch,可一运行代码就抛出 ImportError: libcudart.so.11.0: cannot open shared object file …

作者头像 李华
网站建设 2026/1/9 12:39:44

网络安全实战攻防演练之红队,一文详解常见的战术及渗透案例!

HVV和HW最近大家看到的比较多,一般指的攻防演练。“攻防演练”通常是指在网络安全领域中,通过模拟攻击和防御的对抗过程,来检验和提升系统安全性、人员技能水平以及应对突发事件能力的一种实践性活动。 什么是红队 攻防演练,也常被…

作者头像 李华
网站建设 2026/1/9 13:46:21

鸿蒙开发前沿拓展:5.0新特性、工业应用与生态新机遇

🚀 鸿蒙开发前沿拓展:5.0新特性、工业应用与生态新机遇 一、章节概述 ✅ 学习目标 掌握鸿蒙5.0(含OpenHarmony 5.0 LTS) 核心新特性(Super Device 2.0、元服务2.0、AI原生开发框架)落地OpenHarmony工业级应…

作者头像 李华
网站建设 2026/1/10 15:19:34

激光设备技术实力对比与应用分析

激光设备,是现代制造业里极为关键的核心装备之一,其品牌拥有的技术实力,及产品性能,会直接影响工业生产的效率,和质量。在全球激光加工领域,多个品牌凭借各自长期的技术积淀,以及应用方面的创新…

作者头像 李华