chrome devtools coverage面板通过真实执行记录识别未使用js代码：重载页面并交互后，低覆盖率（如

Chrome DevTools 的 Coverage 面板是查找未使用 JavaScript 代码最直接有效的方式。它不靠静态分析猜测，而是真实记录页面加载和交互过程中 V8 引擎实际解析并执行的 JS 字节——没被执行的，就标为“未使用”。

打开 Coverage 面板

• 在目标页面按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）调出命令菜单
• 输入 Show Coverage，回车确认
• Coverage 抽屉面板会在底部展开

开始录制并覆盖真实路径

• 点击右上角的刷新图标（↻），页面将重新加载并开始记录
• 必须手动操作页面：点击导航、切换标签页、展开弹窗、提交表单、滚动到底部、触发错误态等
• 单页应用（如 React/Vue）需注意：每次路由切换后，点一次 ↻ 重置统计再进入新页面，否则覆盖率只反映前一页面

识别和定位未使用 JS

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

• Coverage 表格中，JS 文件行显示：
  • “Type” 列为 js
  • “Unused Bytes” 数值高、“Coverage” 百分比低（比如
• 双击该 JS 文件名，自动跳转到 Sources 面板
• 未执行的代码行以红色背景高亮，已执行行为绿色背景；部分行红绿共存（如三元表达式中仅一侧执行）

验证与清理前的关键检查

• 搜索函数名：在 Sources 面板按 Ctrl+F / Cmd+F，查疑似“未用”的函数是否被动态调用（如 eval()、setTimeout('func()', ...)、字符串拼接的 className 或 import()）
• 排除干扰项：
  • 在 Coverage 表格顶部搜索框输入 -node_modules -dist，隐藏第三方库和构建产物
  • 对 core-js、regenerator-runtime 等 polyfill，右键 → Block URL，刷新看是否报错；无异常再考虑移除
• 开发环境建议关闭代码压缩（如 webpack 中设 optimization.minimize: false），避免压缩后字节与 source map 映射错位，导致高亮不准

导出与后续处理

• 右键 Coverage 表格空白处 → Export coverage data，保存为 .json 供团队复核
• 注意：导出文件不含行号，不能直接当删除清单；所有删除操作都应基于 Sources 面板中红色高亮行 + 人工确认逻辑归属后进行
• 删除后务必回归测试核心流程，防止误删运行时依赖的分支逻辑

不复杂但容易忽略

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南