如何在Angular应用中找到Chrome Dev工具调用的JS函数？

Question

我正在尝试在用于滚动页面的javascript中查找angular应用程序中的缺陷。人点击链接，页面滚动。很简单。

遗憾的是，我不知道当用户点击链接时实际调用的是什么函数，并且这个应用程序由几十个和几十个(以及几十个)单独的文件组成，我很难找到发生了什么。

我读过关于使用断点和通过devtools中的SOURCES选项卡设置断点的内容。但是，无论我在其中打开了哪些JS文件，我都无法检查任何断点选项。

有没有办法在Chrome的Devtools中查看页面上的特定事件触发了哪些JS？

Answer 1

check scroll the > Event Listener Breakpoints

• Unfold >

>

Javascript运行时将在绑定到页面滚动的事件侦听器上停止，位置将显示在主窗口的Sources选项卡下。如果是库文件(在你的例子中是Angular文件)，右击文件和Blackbox script。再次滚动页面;)