App原生与App H5的测试差异点深度解析

• 设备与系统：

• 需覆盖不同品牌机型（如iPhone 14/小米13）、系统版本（iOS 16/Android 13）、硬件配置（内存/CPU）。

• 关注原生API兼容性（如Android 12对存储权限的变更）。

• WebView与浏览器内核：

• 不同系统的WebView版本差异（如iOS 16使用WKWebView，Android 10+默认Chrome内核）。

• 厂商定制WebView（如微信/支付宝内置浏览器的特殊渲染规则）。

• 响应式设计：

• 测试不同屏幕尺寸下的布局适配（如折叠屏手机展开后的页面缩放）。

• 本地能力集成：

• 相机/相册调用（如拍照上传头像，需测试权限拒绝时的异常处理）。

• 传感器应用（GPS定位精度、陀螺仪控制游戏视角）。

• 系统级交互：

• 通知栏推送（点击通知是否正确跳转页面）、多任务切换（后台保活时间）。

• JSBridge交互：

• 测试H5与原生的接口调用（如H5调用原生支付SDK，需验证参数传递与回调响应）。

• 异常场景：JSBridge调用超时、网络中断时的重试机制（如支付页面跳转失败后的提示）。

• Web特性验证：

• 浏览器前进/后退按钮在H5页面中的状态恢复（如表单数据是否丢失）。

• 缓存策略：测试强缓存（Cache-Control）和协商缓存（ETag）是否生效。

• 本地资源占用：

• 内存泄漏检测（如反复打开关闭页面后，内存是否持续增长）。

• 启动速度（冷启动≤1.5秒，热启动≤0.5秒）、页面切换流畅度（FPS≥60）。

• 离线能力：

• 本地数据库（Room/SQLite）的读写性能（如批量导入1000条数据的耗时）。

• 网络依赖：

• 首屏加载时间（目标≤3秒，需测试图片懒加载、JS异步加载）。

• 弱网场景：模拟2G网络下的页面加载超时处理（如骨架屏显示、加载失败重试）。

• WebView性能：

• JS执行效率（如复杂动画渲染时是否卡顿）、WebStorage（LocalStorage）的容量限制（通常5MB）。

• 设备碎片化：

• 测试低端机型（如Android设备内存≤2GB）的卡顿情况，高端机型的特效渲染（如3D动画）。

• 系统版本碎片化：

• 例如iOS 14的隐私权限弹窗与iOS 15的差异，需验证权限申请流程的适配性。

• 内核差异：

• WKWebView（iOS）与Chromium内核（Android）的CSS渲染差异（如Flex布局对齐方式）。

• 老旧WebView不支持WebP图片格式，需测试降级显示策略（如自动转为JPG）。

• 容器差异：

• 微信小程序WebView与普通App的WebView存在API差异（如微信JS-SDK的特殊接口）。

• 本地数据安全：

• 测试敏感数据加密（如用户密码是否使用AES-256加密存储）。

• 逆向工程防护（如反调试、代码混淆，防止APK被篡改）。

• 通信安全：

• SSL Pinning（证书绑定）的有效性，防止中间人攻击（如Fiddler抓包是否被阻断）。

• Web安全漏洞：

• XSS（跨站脚本攻击）：测试输入框是否过滤HTML标签（如输入）。

• CSRF（跨站请求伪造）：验证Token是否在每次请求中动态生成。

• JSBridge安全：

• 测试未授权的接口调用（如H5通过JSBridge获取用户通讯录，需验证权限校验逻辑）。

• 应用商店场景：

• 测试从App Store/华为应用市场下载安装的完整性，断网时的安装中断恢复。

• 升级策略：

• 增量升级（只下载差异包）的文件校验，升级失败后的回滚机制（如保留用户数据）。

• 热更新测试：

• 测试强制更新（H5资源更新后，旧缓存是否被清除）。

• 离线包机制：验证本地缓存资源与服务器版本的一致性（如首次加载后断网，能否正常显示离线页面）。

• 缓存清理：

• 测试H5页面的localStorage是否在用户退出App后按策略清除（如登录态过期时自动清空）。

原生App测试需聚焦本地能力集成、设备兼容性、性能优化，而H5 App测试更关注WebView兼容性、JSBridge交互、网络依赖风险。

在实际项目中，混合App（部分页面为H5）的测试需结合两者的策略，例如：

• 对原生模块使用Appium+Espresso测试；

• 对H5页面使用Selenium+Cypress测试，并通过JSBridge接口测试工具（如JShaman）验证跨层交互。

两者的共同点是均需关注用户体验与安全，但技术栈的差异决定了测试工具和用例设计的侧重点截然不同。