「我在我手机上看着挺好的」是官网验收里最危险的一句话。开发用哪台机器、老板用哪台机器,大概率都是主流旗舰,而真实访客里混着旧款安卓、小屏机、折叠屏和各类平板。移动端适配的差距,往往就藏在这些没测过的设备里。
必测的五个维度
一是系统差异:iOS 和安卓对同一段 CSS 的解释有细节出入,日期选择器、下拉刷新等交互尤其容易分叉。二是屏幕宽度:从 320px 到 430px 都取几个点看断点表现,窄屏下表格和横向滚动区最容易破版。三是输入场景:调起键盘后页面是否被顶乱、表单输入法是否遮挡提交按钮。四是横屏与折叠态:少数用户横屏看官网,布局塌了就很难看。五是弱网环境:地铁里图片加载不出来的降级表现。
没有设备池怎么测
用浏览器开发者工具的设备模拟先做初筛,重点查断点跳变;再借身边人的旧手机跑一遍核心页面;要求建站方提供多机型截图验收。预算允许的话,租用云真机服务按小时测,比想象中便宜。
验收清单化
把「首页、产品页、详情页、表单页、联系页」五个核心页面 × 「五种设备场景」做成一张表,逐项打勾再上线。这张表应该出现在每一次改版的验收环节,而不是上线后看用户投诉再补。
为什么值得较真
企业官网过半流量来自移动端,B2B 客户的「先手机看看」是标准动作。手机上破版一次,客户对公司的技术印象就打一次折——而他们本来是要把项目托付给这家公司的。
小结
移动端适配的标准不是「我的手机没问题」,是「主流设备都没问题」。多花半天测试,省的是客户心里的问号。
