定位无用HTML需先验证再删除：在Elements面板悬停或右键删除元素观察渲染变化；注释超三个月、无class/id/style的嵌套div、空标签及404脚本链接可判定冗余；隐藏暂不用结构宜用display:none加dev-only标记，清理后须真实设备回归测试。
用浏览器开发者工具定位无用 HTML 片段
直接删代码前，得先确认哪些真没用。打开 index.html，在 Chrome 或 Edge 里按 F12，切换到 Elements 面板，用鼠标悬停或右键「Delete element」临时移除某块结构，观察页面渲染是否变化。特别注意：div 套了又套但没加 class、id 或样式，comment（如 ）超过三个月没动过，基本可判定为冗余。
批量清理注释和空标签的命令行操作
手动删注释容易漏，用命令行更稳。Linux/macOS 下进项目目录，执行：
sed -i '/<!--.*-->/d' index.html
这条命令能干掉单行 HTML 注释；若注释跨多行（比如 ），sed 处理不了，改用 perl：
perl -0777 -i -pe 's/<!--.*?-->//gs' index.html
空标签如 、 也常残留，可用正则匹配清除（注意别误伤含空格或换行的合法内容）：
-
- 带属性的空标签建议人工核对，比如
可能被 JS 动态填充
检查 script 和 link 标签是否真正加载
很多项目保留着注释掉的 <script></script> 或已迁走的 CDN 地址，它们不执行但拖慢解析。打开 Network 面板刷新页面，筛选 JS 和 Doc 类型，看有没有 404 的 script src 或 link href。常见陷阱：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
<script src="js/old-utils.js"></script>→ 实际文件已删，但标签还在 -
→ 项目早已改用 Tailwind，这行纯属遗留 - 内联
<script>console.log(...)</script>仅用于调试，上线前必须删除
保留 DOM 结构但剥离视觉干扰的最小化策略
有些元素不是“无用”，而是暂时不用——比如后台入口、测试按钮、未上线模块。与其删掉再 git revert，不如用 CSS 快速隐藏并标记：
<div class="dev-only" style="display:none;" data-purpose="test-login">...</div>
这样既不影响构建流程，又避免未来回溯时困惑。关键点：
- 别用
visibility: hidden，它仍占布局空间，可能影响 JS 计算（如getBoundingClientRect） - 所有带
dev-only的节点，上线前应被构建脚本自动剔除（例如用 Webpack 的html-webpack-plugin配合条件注释） - Git 提交前搜一遍
dev-only，确保没漏掉
最麻烦的不是删代码，而是删完后 JS 找不到挂载点、CSS 选择器突然失效、或者某个埋点脚本依赖了你刚删掉的 id。每次清理后，务必在真实设备上跑一次核心路径，别只信 localhost 渲染效果。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
