直接删class和style属性高危，必须先监控Attribute modifications、再全局搜索JS调用、最后灰度改名测试；可安全批量删align/valign/border等过时属性；html-minifier不敢动因无法感知运行时依赖。
直接删 class 和 style 属性是高危操作，90% 的“清理失败”都源于没验证 JS 运行时依赖。真正安全的清理，必须分三步走：先监控、再搜索、最后灰度删。
怎么确认某个 class 真的没被 JS 用？
别只看 CSS 文件里有没有对应规则。很多 class 是纯 JS 驱动的，比如 active、loading、is-open 这类状态类，CSS 可能压根没写，但 JS 会反复 classList.toggle()。
- 在 Chrome DevTools Elements 面板右键目标元素 → Break on → Attribute modifications，然后点按钮、输文字、滚动页面，看是否断点触发
- 全局搜索整个项目：
querySelector(".xxx")、getElementsByClassName("xxx")、classList.add("xxx")、className.includes("xxx") - 检查构建产物（如
dist/main.js）是否含混淆后的引用——用grep -r "xxx" dist/或 VS Code 全局搜压缩后文件 - 临时改名测试：
class="xxx"→class="xxx__dead"，跑关键路径 E2E 或手动点一遍，观察功能是否异常
哪些 HTML 属性可以批量删，且基本不踩坑？
这些属性在现代浏览器中已无渲染或语义作用，删掉不影响显示，也不影响 JS 行为（前提是没在 JS 里读取它们的值）：
-
align、valign（<div align="center"> 这种） <li> <code>border、cellpadding、cellspacing（仅限<table>，CSS 已完全接管） <li> <code>width、height（对非<img alt="HTML无用代码属性清理攻略" >、<canvas></canvas>元素无效） -
language、type="text/javascript"、type="text/css"（HTML5 默认值）
VS Code 正则推荐（开启 .* 模式）：
立即学习“前端免费学习笔记（深入）”；
搜索：(align|valign|border|cellpadding|cellspacing|language|type="(?:text/javascript|text/css)")="[^"]*?"<br>替换：留空
注意：每次替换前点“预览”，防止跨标签误匹配；type="module" 这类不能删。
为什么 html-minifier 不敢动 class 和 style？
它不是不想删，是根本不敢判——它静态扫描，看不到运行时行为。
-
removeUnusedCSS只对已提取的 CSS 文件生效，对 JS 里拼的el.className = "a b " + flag完全无感 - 线上若用了
innerHTML += '<div class="tip">' 这种拼接，<code>purgecss根本找不到引用，直接删就报Cannot read property 'classList' of null -
customAttrAssign支持 Vue/React 绑定语法，但对原生document.createElement("div").className = "x"无效 - 无障碍：删了
aria-*相关class，屏幕阅读器跳过关键区域 - 响应式断点：
class="d-none d-md-block"被删，小屏下内容消失 - CSS-in-JS：Emotion / Styled-components 生成的动态 class 名，可能被误判为无用
- SSR 渲染一致性：服务端没删，客户端删了， hydration 时 DOM mismatch 报错
结论：工具只能辅助删注释、空格、冗余标签；动属性前必须人工加静态分析（如 vscode-html-validate）+ 运行时监控双保险。
删完最易翻车的验证点在哪？
不是“页面看起来没坏”，而是那些不显眼但一断就卡死的环节：
真正收尾前，得把这四类场景手动点一遍，尤其关注表单提交、弹窗开关、滚动加载这些 JS 密集交互点。
