如何查找 JavaScript 函数调用流答案

【问题标题】：How to find JavaScript function call flow如何查找 JavaScript 函数调用流
【发布时间】：2018-09-24 05:31:24
【问题描述】：

有没有插件可以知道客户端JavaScript函数调用的完整流程？

我在 Firebug 中没有找到任何类似的东西。但我不确定，因为我对 Firebug 的了解有限。

或者还有任何其他插件或工具，除了将控制台放在每个功能和警报中？

【问题讨论】：

【解决方案1】：

您可以尝试在代码中的某个位置放置一个调试器，一旦调试器被命中，您就可以查看堆栈跟踪。这将使您只能在调试器被触发之前看到流程。

【讨论】：

【解决方案2】：

大多数现代浏览器都允许您在调试模式下查看堆栈跟踪。 Firebug 提供了两种不同的方法来获取函数调用的堆栈跟踪。

检查脚本面板内的信息

当脚本执行停止时，您还可以随时在Script panel's toolbar 和Stack side panel 中看到堆栈跟踪。
使用console.trace()

在该点打印 JavaScript 执行的交互式堆栈跟踪它在哪里被调用。

堆栈跟踪详细说明堆栈上的函数，以及作为参数传递给每个函数的值。你可以点击每个函数都将您带到脚本面板中的源代码，然后单击在 DOM 或 HTML 面板中检查每个参数值。

【讨论】：

【解决方案3】：

您可以在 Firebug 中启用脚本选项卡，并为特定的 script 或 JS 文件使用检查点。

阅读更多关于Script Panel

【讨论】：