显示Javascript中调用了哪些函数

Show What Functions Were Called In Javascript

本文关键字:函数 调用 Javascript 显示      更新时间:2023-09-26

我需要这个,因为我经常在现有的项目上工作,我被要求在别人的工作中崩溃。现在时间很少,我正在寻找我能找到的任何工具来做这件事:

  1. 加载JS应用程序
  2. 开始/暂停记录活动
  3. 告诉我到底发生了什么,在不需要我改变源代码的情况下调用了哪些函数。
例如:

<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. (call) fn1("click here")
  3. (呼叫)fn2("click here")从fn1内部在pct. 2呼叫

某种堆栈跟踪,但不需要更改源代码,因为它需要大量的时间

如果你写

debugger;

在你的最内部的函数,你可以打开firebug或chrome开发工具和他们的调试器将暂停当它到达那一行。然后在工具右侧的部分中,您可以看到堆栈跟踪和其他相关数据(局部变量等…)。

你只需要在你自己的函数中添加一行,它就会显示你使用任何人的代码进行的任何调用。