如何查找JavaScript函数调用流程

时间:2014-01-31 06:03:10

标签: javascript jquery plugins firebug

是否有任何插件可以在客户端知道JavaScript函数调用的完整流程?

我在Firebug中找不到任何这样的东西。但我不确定,因为我对Firebug的了解有限。

还是有任何其他插件或工具,除了在每个功能和警报中放置控制台外?

3 个答案:

答案 0 :(得分:0)

您可以尝试在代码中的某处放置一个调试器,一旦调试器被命中,您就可以观察堆栈跟踪。这将使您只能看到流程,直到达到调试器的位置。

答案 1 :(得分:0)

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

详细了解Script Panel

答案 2 :(得分:0)

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

  1. 检查脚本面板

    中的信息

    当脚本执行停止时,您也可以始终在Script panel's toolbar内以及Stack side panel内查看堆栈跟踪。

  2. 使用console.trace()

      

    在此处打印JavaScript执行的交互式堆栈跟踪   它被称为。

         

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