手机上问卷第 4 题开始,点选项文字没反应,非得点中那个 16 像素的小圆点,十次有六次点空。乍看像缓存或者权限的锅,追下去往往不是。

<label class="opt"><input type="radio" name="q4" value="1"> 选项文字</label>

追下去是这么回事:label 只包了文字,没有 for 属性,input 和 label 没关联。整行看着像能点,实际只有圆点响应。

「问卷选项点击区域」相关的日志我一般连着看前后五分钟,单看一条报错经常判断不出是哪一步失败。接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。

偶发问题先统计频率,一小时几次和一天一次,查法完全不同。改完顺手把文档补一句,省得下次自己重新推一遍。

监控和日志的时间要对上,时区不一致会多绕很大一圈。临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。

具体做法是,把 input 放进 label 里,或者给 label 加 for 指向 input 的 id;整行 padding 加到 12px 以上,点击区域跟着变大;用 iPhone 和安卓各点一次文字区域。

验收就看一点,点选项任意位置都能选中,整行有按下反馈,手机上好点很多。

作者 9823189