如何追踪MY javascript？

Question

我继承了一个新的ASP.Net MVC应用程序，该应用程序在JavaScript和jQuery（与Kendo一起）遍布各处。其中一些内联，一些在.js文件等。

有很多重复的代码，所以试图弄清楚什么函数被称为特定的按钮时被按下是疯狂的。

如果我尝试在Firebug中做一个堆栈跟踪，我最终会得到几乎完全的jQuery和Kendo函数，这使得我几乎不可能找出哪些JavaScript函数被调用。

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

Answer 1

如何在代码中放置console.log语句，以便您可以遵循它。

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

Answer 2

您可以尝试覆盖jQuery的点击或绑定功能，并显示绑定功能。这很丑陋，但对于调试可能有帮助。

Answer 3

this answer有一些很好的建议。

Visual Event也可能帮助很多。

Answer 4

删除'debugger;'声明到代码中的各个位置。打开Chrome浏览器的控制台(ctrl-alt-j, command-alt-j)，并像平常一样与页面交互。调试器语句将充当断点，并且可以从那里跟踪代码。

例如，假设你有一个单击处理程序，富：我做的是把一个独特的警报在各`javascript`功能

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