显示在Javascript中调用的函数

时间:2011-08-12 05:51:32

标签: javascript debugging stack-trace

我需要这个,因为我经常在现有的项目上工作,而且我需要在其他人工作的中间崩溃。现在几乎没有时间,我正在寻找能找到的任何工具:

  1. 加载JS应用程序
  2. 开始/暂停录制活动
  3. 以正确的方式向我展示所发生的事情,而无需我更改源代码。
  4. 例如:

    <script language="javascript">
    var fn1 = function(strvar){ alert('var='+strvar); fn2(strvar); }
    var fn2 = function(strvar2){ alert('var='+strvar2); }
    </script>
    <a href="javascript:fn1(this.innerHTML);">click here</a>
    

    点击锚点后,(最好)应该得到这样的结果:

    1. (点击)
    2. 上的活动
    3. (致电)fn1(“点击此处”)
    4. (调用)fn2(“点击这里”)从pct调用的fn1里面。 2
    5. 某种堆栈跟踪,但无需更改源代码,因为它需要非常长的时间。

1 个答案:

答案 0 :(得分:0)

如果你写

debugger;

在你最里面的函数中,你可以打开firebug或chrome dev工具,它们的调试器会在它到达那一行时暂停。然后在工具右侧的部分中,您可以看到堆栈跟踪和其他相关数据(本地等等)。

您只需要为您拥有的功能添加一行,它就会显示使用任何人的代码进行的任何调用。