故意弄坏一个建站页面，然后写工具找出那五处样式 bug
来源：dev.to — 2026-10-20 · 约 3 分钟阅读
📋 概述
五十三岁、白天在工厂上班、晚上写原生 JavaScript 的作者，看到大量「建站页面布局坏了，来修」的活，就自己装了页面构建器，让 AI 往测试站里塞五个加密的隐藏样式 bug，再试着找出来。他花了二十分钟才定位第一个，因为样式表不报错：一条坏规则仍然是合法规则，浏览器会静默应用。于是有了调试浮层 0.5 版的样式猎手模式：悬停即告 !important 来源、溢出的真正元凶、隐形文字、点击遮挡与拉伸的图片。
🔑 核心要点
- 样式出问题时不抛异常，控制台一片安静，这才是排查慢的根本原因。
- 工具必须回答「为什么坏」而不只是标出「坏了」，否则噪音会淹没结论。
- 检测项覆盖 !important 的来源、负边距导致的溢出、透明文字与遮罩层。
- 零依赖、一段代码贴进控制台即可用，正适合临时救火的现场。
💡 金句
“CSS doesn't throw errors. A bad rule is still a valid rule, so the browser applies it silently.”
译：CSS 不会抛错。一条坏规则仍然是合法规则，所以浏览器会安静地把它应用上去。
← 返回 dev.to 首页