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

【问题标题】：Chrome debugger stops at a function even without a DOM break point即使没有 DOM 断点，Chrome 调试器也会在某个函数处停止
【发布时间】：2017-01-20 23:52:44
【问题描述】：

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

这里是终点

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

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

【问题讨论】：

有没有其他类型的断点设置比如 DOM/XHR/Event:puu.sh/r9IQL/70a9ed27ef.png ?
不，没有任何断点
源选项卡中有“异常时暂停”按钮（看起来像带有暂停图标的路标），也许它已打开？
没有“异常暂停”关闭

标签： javascript angularjs google-chrome google-chrome-devtools requestanimationframe

【解决方案1】：

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

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

【讨论】：

@T.J. Crowder 既然问题已经解决了。我想知道为什么这个事件总是在不做任何事情的情况下一直调用？
@wOxxOm 实际上我没有选择这些断点。不知道他们是从哪里被选中的
@tarzanbappa：我不明白这个问题...？
@T.J.Crowder 我的意思是为什么这个请求动画事件总是被调用。我的应用程序有问题吗？
@tarzanbappa：不，requestAnimationFrame 经常被称为真的是完美的标准。它允许 JavaScript 代码安排在浏览器重绘屏幕之前立即发生的回调。