即使没有 DOM 断点，Chrome 调试器也会在某个函数处停止

Posted 2023-03-07

【中文标题】即使没有 DOM 断点，Chrome 调试器也会在某个函数处停止

【英文标题】：Chrome debugger stops at a function even without a DOM break point

【发布时间】：2017-01-20 23:52:44

【问题描述】：

您好，我有一个 Angular js 应用程序。当我运行我的应用程序并按 F12 并打开调试器时，对于每个页面，它都会不断调用以下函数并停在那里，就像它有一个断点一样。

这里是终点

TagCanvas.NextFrameRAF = function() 
  requestAnimationFrame(DrawCanvasRAF);
;

但是这个函数没有任何断点。

【问题讨论】：

有没有其他类型的断点设置比如 DOM/XHR/Event:puu.sh/r9IQL/70a9ed27ef.png ?

不，没有任何断点

源选项卡中有“异常时暂停”按钮（看起来像带有暂停图标的路标），也许它已打开？

没有“异常暂停”关闭

【参考方案1】：

听起来您设置了请求动画帧断点：

您可以在开发工具中右侧 Sources 选项卡的 Event Listener Breakpoints > Animation 下找到。

【讨论】：

@T.J. Crowder 既然问题已经解决了。我想知道为什么这个事件总是在不做任何事情的情况下一直调用？

@wOxxOm 实际上我没有选择这些断点。不知道他们是从哪里被选中的

@tarzanbappa：我不明白这个问题...？

@T.J.Crowder 我的意思是为什么这个请求动画事件总是被调用。我的应用程序有问题吗？

@tarzanbappa：不，requestAnimationFrame 经常被称为真的是完美的标准。它允许 javascript 代码安排在浏​​览器重绘屏幕之前立即发生的回调。