夜雨聆风
app H5测试、web测试和app测试的关系
点击蓝字
关注我们
要理解 app H5 测试、web 测试和 app 测试的关系，需要从三者的定义、技术本质和测试场景出发，明确它们的重叠与差异。以下是具体分析：
一、三者的定义与范畴
01
web测试
定义：针对网页应用（如浏览器访问的网站）的测试，基于 HTML、CSS、JavaScript 等 Web 技术，运行在浏览器环境中。
典型场景：测试官网、电商网页、管理后台等，通过 Chrome、Firefox 等浏览器访问。
02
app测试
定义：针对移动应用（App）的测试，分为三类：
①原生 App（Native App）：使用平台特定语言开发（如 Android 的 Java/Kotlin、iOS 的 Objective-C/Swift），直接安装在设备上。
②混合 App（Hybrid App）：部分功能由原生组件实现，部分功能由 H5 页面嵌入（通过 WebView 加载）。
③小程序：运行在微信、支付宝等宿主 App 内的轻量化应用，本质上是特殊的 H5 容器。
典型场景：测试微信、淘宝、抖音等移动端应用。
03
app H5测试
定义：针对混合 App 中嵌入的 H5 页面的测试（即混合 App 中的 WebView 内容）。
技术本质：H5 页面本身是 Web 技术，但被封装在原生 App 的 WebView 容器中，与原生功能（如摄像头、定位）交互。
典型场景：微信公众号文章、淘宝商品详情页（部分为 H5 实现）、App 内的活动页面等。
二、三者的关系：重叠与包含
01
技术层面的重叠
app H5 测试与 web 测试的重叠：
H5 页面的核心技术（HTML/CSS/JS、接口请求、前端逻辑）与 web 测试一致，因此可复用 web 测试的工具（如 Selenium、Postman）和方法（如功能测试、兼容性测试）。
app H5 测试与 app 测试的重叠：
app H5 是混合 App 的一部分，因此属于 app 测试的范畴。测试时需结合原生 App 的环境（如安装、权限、设备交互）。
02
范畴上的包含关系
web 测试独立于 app 测试，但 app H5 测试需要同时用到 web 测试和 app 测试的技术。
三、测试差异点:从appH5看与web、app的区别
四、实际测试中的关联与协作
app H5测试=web测试技能+app测试思维
测试 H5 页面功能时，用 web 测试方法（如接口测试、前端渲染测试）；
测试 H5 在 App 中的表现时，需考虑原生环境影响（如 WebView 缓存、权限调用）。
案例：测试微信公众号 H5 页面
web 测试角度：检查 H5 页面在不同浏览器中的显示效果（开发阶段预览时）；
app H5 测试角度：在微信 App 中打开 H5 页面，测试分享功能（需调用微信原生分享接口）、支付功能（跳转微信支付原生界面），以及 WebView 加载速度（可能受微信版本影响）。
协作场景
前端团队开发 H5 页面时，先进行 web 测试；
客户端团队集成到 App 后，测试工程师需进行 app H5 测试，验证 H5 与原生功能的交互。
五、总结：三者的关系图谱
web 测试：独立的 Web 应用测试，不依赖原生环境；
app 测试：覆盖原生 App 和混合 App，混合 App 中的 H5 部分需要特殊测试；
app H5 测试：是混合 App 测试的核心环节，兼具 web 测试的技术和 app 测试的环境适配要求。
理解三者的关系，能帮助测试工程师在实际工作中更精准地选择测试工具和方法，例如：
纯网页应用：专注 web 测试；
混合 App：同时进行原生功能测试和 app H5 测试；
原生 App：聚焦原生组件的交互与性能。
E n d
链接：
https://www.cnblogs.com/moxiwuxie/articles/18901042
本文为51Testing经授权转载，转载文章所包含的文字来源于作者。如因内容或版权等问题，请联系51Testing进行删除。
