测试部同事用的旗舰机一切正常，活动发出去半小时，客服收到反馈说页面白屏，回头一查全是千元安卓机。兼容性问题就是这样，办公环境里永远发现不了，用户替你测出来了。H5网页制作的高端效果和广泛兼容天然有张力，下面这些坑是这些年踩得最多的，每个坑背后都站着一群替我们测试的用户，教训得记下来。
白屏多数是内核太老
安卓机的WebView内核版本差异极大，有的低端机还在用多年前的内核，新的语法、新的样式特性一律不认，页面解析失败就白屏。防范办法是写代码时定好基线，激进特性全部做降级处理，核心内容保证在最老的内核上也能显示。页面还要加个错误兜底，真崩了至少给用户一句提示和刷新按钮，别挂一个纯白屏幕，那是最伤品牌的画面。内核版本可以在后台统计里看到分布，你的用户用什么设备，数据说了算。
iOS的高频翻车点
苹果系的怪癖一箩筐：软键盘弹起把页面顶得错位，收回去也不复位，输入表单的页面必遇；刘海屏两侧留白处理不对，内容被刘海压住；日期输入控件的样式各家不同；页面回弹滚动跟安卓手感完全两样。这些问题没有一个能靠想象解决，全靠真机挨个试，试出来的经验比任何文档都值钱。键盘问题是表单流失的重灾区，填到一半页面跳走，用户只会觉得你们做得烂。
测试要覆盖真实的机型分布
别只用部门里的旗舰机测试，按后台用户的机型分布挑设备，低价安卓机必须进测试清单。预算有限的话，云真机平台按小时租用，几十块能测一轮主流机型。云真机还能录屏回放，白屏瞬间的复现比口头描述有用得多。团队自己的测试清单随着项目积累会越来越值钱，踩过的坑记下来，下个项目开工前过一遍，同样的错不犯第二次。H5网页制作的兼容测试没有一劳永逸，每场活动上新特性，都要把清单重新过一遍。
- 定好兼容基线，新特性全部可降级
- 页面加错误兜底，拒绝白屏
- iOS键盘、刘海、日期控件重点测
- 按用户机型分布选测试设备
两条建议：需求评审时让制作方明确写出兼容范围，哪些机型保证完美、哪些保证可用，写进合同，验收就不会扯皮。兼容问题反复吃亏的团队，找比格网络这类有真机库的合作方，长期磨合下来的机型清单，比每次从头踩坑省太多时间。兼容做得好用户不会夸，做得差用户一定骂。
