一部手机、一台电脑、半个小时，就能给自家官网做一次像样的手机端体检。响应式网站建设交付的时候，多数人点开首页看两眼，版式没乱就签了字。问题通常藏在三级页面、表单和按钮里，等到客户用手机发询盘的那天才冒出来。下面五步按顺序走，每一步都在给上一步查漏，做完一轮心里基本有底。
第一步：拖窗口，盯住横向滚动条
电脑上打开官网，把浏览器窗口从最窄慢慢拉到最宽，来回几趟。任何宽度下冒出左右滚动的横条，或者某段文字被截掉一截，都是断点没接好的信号，记下当时的大致宽度。这一步成本最低，暴露的却是最典型的布局失效。断点、图片、导航三者怎么配合着适配，原理层之前专门写过一篇：响应式网站的断点、图片与导航是怎么适配的，对照着看更明白。
第二步：真机把主要页面过一遍
开发者工具能模拟尺寸，模拟不了手指和信号。拿真机把首页、产品页、案例页、联系页挨个点开，重点看三样：导航收起来之后能不能展开、展开后点不点得中；有没有哪张图把版面撑开或者压扁；电话号码、微信这些联系方式在手机上是不是一点就能拨。适配到位的站应该长什么样，响应式网站建设服务页里有明确的交付标准可以对照。
第三步：把表单认真填一遍
手机上的表单决定访客能不能变成询盘。认真提交一次：输入框点进去，键盘弹出来会不会把输入框挡住；下拉选择在拇指底下好不好操作；提交之后给的成功提示清不清楚。要是表单在手机上根本填不完，其他地方做得再漂亮也留不住人。
第四步：逐个点按钮，试触控
手机上没有悬停这回事，凡是指望鼠标移上去才出现的菜单和按钮，到了手机上全成了摆设。每个按钮点两下：第一下看有没有反应，第二下看会不会误触到旁边的元素。触控目标太小、间距太挤，这类毛病在电脑屏幕上永远现不了形。
第五步：记清单，一次性修
边看边改是大忌，通常改一处、冒三处。前四步发现的问题按页面、宽度、现象记成一张表，一次性交给维护方，改完再复测一轮。这份清单管的是手机端体验，询盘路径层面的排查可以和站内那篇拼起来用，覆盖面就齐了：B2B企业官网询盘自检的六个检查点。
相关问答
开发方交付前不是已经测试过响应式了吗
开发方的测试一般覆盖主流设备和关键页面，但贵司客户的真实设备组合、三级页面和完整的表单流程，还是值得网站主人自己再过一遍。验收阶段查出问题并不代表开发不专业，设备组合实在太多，多一轮人工体检成本极低、收益直接。
用浏览器开发者工具模拟手机，为什么还要真机
模拟器查版式很快，查不了触控精度、键盘遮挡和真实网速下的加载表现。版式问题可以留在模拟器里定位，交互问题必须真机确认，两边互补，缺哪边都行不通。
排查出的问题自己改不动怎么办
把记录的清单原样交给原开发方或维护方，注明问题出现的页面和宽度区间，改完要求复测。如果问题清单太长、网站年头也久，修复成本接近重做时，那就值得评估一次完整的响应式重构。