如何在Angular应用程序中找到从Chrome Dev Tools调用的JS函数?

时间:2018-06-15 03:42:31

标签: javascript angularjs debugging google-chrome-devtools

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

唉,我不知道当用户点击链接时实际调用了哪些功能,并且这个应用程序包含数十个(和几十个)单独的文件,我很难找到什么'继续

我已经阅读了有关使用断点并通过devtools中的SOURCES选项卡进行设置的信息。但是,无论我在那里打开多少JS文件,我都没有得到任何断点选项来检查。

有没有办法在Chrome的Devtools页面上查看JS被特定事件触发的内容?

1 个答案:

答案 0 :(得分:0)

  1. 转到Sources标签。
  2. 展开Event Listener Breakpoints
  3. 展开Control,选中scroll复选框。
  4. 滚动页面。
  5. Javascript运行时将在绑定到页面滚动的事件侦听器上停止,并且位置将显示在Sources选项卡下的主窗口中。如果是它的库文件(在You case Angular文件中),请右键单击该文件并Blackbox script。再次滚动页面;)