前前端改动没生效排查

排查「我明明改了，但看起来没变」的分层定位法。把这类症状拆成三层，每层给一个确定性判据而不是靠猜。渲染层（DOM 变了但屏幕没变，多因被遮挡或层叠上下文）用「同一区域截图两次做逐字节比对」——PNG 编码对同一份像素是确定的，字节完全相同即证明该层根本没显示。缓存层（文件更新了但浏览器还在用旧的，多因 Service Worker 版本未递增）用「内容指纹加版本号做机械检查」——指纹变了而版本没动就拒绝构建，因为忘升版本不会让任何测试变红。部署层（本地是对的但线上是旧的）用「从缓存清单反推部署清单」——手写名单必漏，而漏了只在断网时才暴露。另含一个最容易被误判的前提：Service Worker 只在 HTTPS 或 localhost 下存在，走局域网 HTTP 访问时 navigator.serviceWorker 直接是 undefined，那不是注册失败，此时「没生效」与缓存无关。适用于排查改了没生效、页面还是旧的、元素不显示、点了没反应、部署了但线上没变。