ngLens：用于 Angular 运行时检查的 In‑DevTools APM
ngLens由Gowtham（heygauti）开发，是一个Chrome DevTools扩展，作为Angular应用程序的浏览器内APM，旨在揭示组件更新背后的原因。它可视化运行时执行流程，突出渲染级联，并标记内存泄漏，以便开发人员可以追踪API到UI的路径并定位性能热点。针对前端工程师和性能专家，它缩短了开发和生产调试期间的根本原因分析周期。
ngLens 专注于运行时执行而非静态组件树
ngLens 映射从 API 调用和状态存储通过 Signals 到 UI 组件的路径，提供执行的可视化表示，而不是静态组件快照。该扩展显示了单个更改如何触发渲染级联，并与状态库如 NgRx 和 Signal Store 集成。这种方向有助于定位更新的原因，使得更容易跟踪典型 DevTools 面板未显示的异步流程。
它揭示性能热点并指向具体优化
该工具检测执行瓶颈，并将优化建议附加到有问题的调用路径上，同时标记未关闭的订阅，指示内存泄漏。性能信息在运行时出现，这支持在现实负载下诊断问题，而不仅仅是在合成跟踪中。由于 ngLens 在 DevTools 内部运行而无需后端，仪器化是即时的，并且不需要外部服务器依赖进行分析。
所有分析在本地运行，并且可以检查生产页面
ngLens 在浏览器内部执行仪器化和分析，因此没有数据离开机器，反映了其隐私优先的设计。该扩展使用 DOM 属性启发式来定位 Angular 应用，即使标准调试钩子缺失，也能在生产网站上进行调查。访问通过 Chrome 开发者工具中的 ngLens 选项卡进行，软件包作为与基于 Chromium 的浏览器兼容的 Chrome 扩展分发。
它针对 Angular 专家并集成到开发工具链中
ngLens 旨在为在 Angular 代码库上工作的前端开发人员和性能工程师设计；它支持广泛的 Angular 版本，并为微前端提供多应用调试。该项目在 MIT 许可证下开源，由 Gowtham 维护，因此团队可以检查源代码。与一般检查器面板相比，该扩展作为专注于因果追踪的应用级分析器，而非广泛的 DOM 检查。
ngLens 是一个专注于 Angular 性能工作的选择
ngLens 适合专注于 Angular 应用的开发人员和性能工程师，提供与专业工作流程相匹配的深度。权衡是其范围较窄，限制了对混合框架团队的价值；它还期望用户熟悉 Chrome 开发者工具，这提高了休闲调试者的入门门槛。安排专注的性能分析会议，并将发现整合到性能评审中，以有效优先修复。
