按钮点下去要等一下才响应,快速点两次页面还会放大。第一次遇到会往复杂处想,其实漏掉的多是个小前提。
<meta name='viewport' content='width=device-width, initial-scale=1, viewport-fit=cover'> touch-action: manipulation;
视口未声明宽度导致浏览器按桌面宽度缩放,触控事件需要等待双击判定。这一点先确认清楚,后面就不用反复试。
「移动端点击延迟」这个问题文档写得含糊,实际行为以当前版本为准,别照旧版本的结论套。临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。
动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。一次只改一处,改完立刻验证,几个改动叠在一起,出问题就说不清是谁导致的。
先做最小复现,能稳定跑出来的问题,排查成本会低一个数量级。别只看报错的最后一行,往上看几行,真正的起因通常在上面。
具体做法是,声明标准视口;设置合适的初始缩放;必要时限制最大缩放。
改完照着核一遍,按钮点击即时响应,双击不再触发缩放。