我怎样才能追踪我的javascript？

Question

我正在继承一个新的ASP.Net MVC应用程序，它在所有地方都有javascript和jQuery（以及Kendo）。其中一些是内联的，一些是.js文件等。

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

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

如何在MY代码中轻松跟踪名为THESE函数的按下THIS按钮，并忽略所有Kendo / jQuery调用？

Answer 1

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

例如，假设你有一个点击处理程序，foo：

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

Answer 2

如何将console.log语句放在代码中，以便您可以完成它。

此外，如果没有捆绑JavaScript文件并从visual studio运行Internet Explorer，您可以使用VS调试器来跟踪文件。

Answer 3

您可以尝试覆盖jQuery单击或绑定功能并显示绑定功能。它很丑，但对于调试它可能会有所帮助。

Answer 4

this answer有一些很好的建议。

Visual Event也可能有所帮助。