javascript - 我如何追踪我的javascript？

Question

我继承了一个新的 ASP.Net MVC 应用程序，它到处都是 javascript 和 jQuery(以及 Kendo)。有些是内联的，有些是在 .js 文件中，等等。

有很多重复的代码，所以试图弄清楚按下特定按钮时究竟调用了什么函数是一件令人抓狂的事情。

如果我尝试在 Firebug 中执行堆栈跟踪，我最终得到的几乎都是 jQuery 和 Kendo 函数，这使得我几乎不可能弄清楚调用了我的哪些 javascript 函数。

我如何轻松跟踪按下这个按钮调用我的代码中的这些函数，并忽略所有 Kendo/jQuery 调用？

Answer 1

删除一个“调试器;”声明到代码中的各个位置。打开 chrome javascript 控制台 (ctrl-alt-j, command-alt-j)，并正常与页面交互。调试器语句将充当断点，您可以从那里跟踪代码。

例如，假设您有一个点击处理程序 foo:

function foo(event) {
   debugger; // breakpoint will happen here
   ...click handler logic
}