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

Question

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

如何查看 Chrome DevTools 中元素触发的事件？仅适用于 Vanilla JS 应用程序，如何使用 Angular 应用程序来实现？谢谢

标签： javascriptangulargoogle-chrome-devtools

Answer 1

Angular DevTools可能会派上用场。

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

借助您是否可以可视化您的角度应用程序结构。然后选择要收听的组件，该组件将出现“源”选项卡。