javascript - 如何实时查看正在执行的 JavaScript

Question

我正在开发一个复杂的 Web 应用程序，该应用程序具有来自各种文件的许多 javascript 函数，可在页面上动态生成内容和操作。我需要弄清楚正在调用哪些函数，以便可以调试和修复问题，但我无法弄清楚如何实时观察哪些函数/脚本正在执行。我尝试使用Firebug(firefox v.28)，即开发人员工具(即11)和chrome(v.33.0.1…)，但我没有看到任何地方显示正在调用的函数。

许多 js 文件和 jquery 有 100 个函数。我不知道该函数的名称，所以我不能只是查找它并设置断点。

这不可能吗？或者我没有正确使用调试工具执行这些步骤？

Answer 1

正如 Epsilon 所说，有一个 Break On Next按钮，它允许您在下一个执行的语句处停止脚本执行，并且正如 derstrom8 所说，您还可以在代码中放置 debugger 关键字以在特定行处停止。

还有许多其他方法可以调试脚本，例如通过中断异常或记录函数调用。

您可能想阅读how JavaScript debugging in Firebug works 。其他开发工具也有类似的功能。