在 Chrome DevTools 中的元素上触发的查看事件总是导致 zone.js 文件，我如何找到真正的代码？

问题描述

chrome 开发工具（或任何扩展程序）中是否有一项功能可以让我查看特定页面/应用程序上使用的真实事件侦听器，而不是 zone.js 文件？

How do I view events fired on an element in Chrome DevTools? 仅适用于 Vanilla JS 应用程序，如何使用 Angular 应用程序实现？ 谢谢

解决方法

Angular DevTools 可能会派上用场。

*Angular DevTools 支持使用 Angular v9 及更高版本构建并启用 Ivy 的应用程序。

如果您可以可视化您的 Angular 应用程序结构。然后你选择你想听的组件，这个组件就会出现“Sources”标签。