要查看javascript未覆盖代码行明细，需借助测试运行器生成的覆盖率报告：jest通过coverage/lcov-report/index.html网页直观显示红色未覆盖行；vitest用--coverage.details参数在终端直接显示每行命中次数；也可解析lcov.info文件提取da:行号,0记录；vs code配合coverage gutters等插件可实现编辑器内行级可视化。
要查看 JavaScript 代码覆盖率中**未覆盖的代码行明细**，核心是借助测试运行器（如 Jest、Vitest 或 Karma）生成的覆盖率报告，并定位到具体的源文件和行号。下面分几种常见场景说明操作方式和关键细节：
使用 Jest 查看未覆盖行明细
Jest 默认生成 coverage/lcov-report/index.html，这是最直观的方式：
- 运行
npm test -- --coverage（或配置了"collectCoverage": true的脚本） - 打开生成的
coverage/lcov-report/index.html - 点击具体文件名，进入该文件的详细视图：红色背景标记的是未执行的行，灰色是未被解析的行（如注释、空行），绿色是已覆盖行
- 每行左侧会显示执行次数（
0表示完全未覆盖）
通过命令行快速定位未覆盖行（Jest/Vitest）
不打开网页也能快速筛查：
- Jest：添加
--coverageReporters=text-summary，终端会输出简明统计，但不含行号；若需明细，用--coverageReporters=lcovonly生成coverage/lcov.info，再配合工具解析 - Vitest：运行
vitest run --coverage后，默认在终端打印带颜色的文件级覆盖率；加--coverage.details参数（v1.3+）可直接在终端显示每行命中次数（含0行）
解析 lcov.info 手动提取未覆盖行
所有主流覆盖率工具都支持输出 lcov 格式，适合自动化或深度分析：
- lcov 文件中，每个文件块以
SF:xxx.js开头，后续DA:行号,命中次数记录每行执行情况 - 查找所有
DA:数字,0的行，就能得到未覆盖的具体行号 - 可用简单脚本提取，例如 Node.js 中读取
coverage/lcov.info，正则匹配/^DA:(\d+),0$/gm并关联前一个SF:行获取文件路径
在 IDE 中直接查看（VS Code 推荐）
提升日常调试效率：
- 安装插件如 Wallaby.js 或 Coverage Gutters
- 运行测试后，编辑器左侧行号旁会显示红点（未覆盖）、绿点（已覆盖）、灰点（不可覆盖）
- 悬停可看到该行执行次数，点击红点还能跳转到对应测试用例（Wallaby 支持）
关键是生成带行级信息的报告（如 lcov 或 HTML），再结合可视化工具或脚本精准定位。不需要依赖图形界面也能拿到原始数据，只是体验上 HTML 报告最友好。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
