在 Visual Studio 中，如何在 javascript 文件中的每个函数上添加断点？答案

【问题标题】：In visual studio how can you add a breakpoint on every function in a javascript file?在 Visual Studio 中，如何在 javascript 文件中的每个函数上添加断点？
【发布时间】：2012-03-08 16:10:11
【问题描述】：

在stackoverflow here 和here 中，我找到了在类的每个方法中添加断点的方法。但我找不到为 jquery/javascript 文件的每个方法添加断点的方法。

这正是我想要实现的。当我单击自定义控件 gridview (asp.net) 中的复选框时，整行都会突出显示。查看生成的 HTML 时，该行嵌套在许多其他具有自己的 id 和类的元素下。在这个 500kb 的 jquery 文件中可能有一些 jquery 代码，它基于 id 或 class 订阅标签之一的某些事件。如果我找到一种方法为每个方法添加断点，我可以确定哪个方法负责突出显示该行。

（我通过查看生成的 HTML 收集到的是，一个 jquery 函数将一个 css 类分配给选定的行）

【问题讨论】：

标签： javascript jquery visual-studio debugging breakpoints

【解决方案1】：

这是一个如何在 Visual Studio 中调试 javascript 的链接：

http://weblogs.asp.net/scottgu/archive/2007/07/19/vs-2008-javascript-debugging.aspx

然而，在每一个方法上都设置一个断点并等待其中一个被触发并不是进行调试的正确方法。您应该关注在选择行后触发的事件。您可以通过查看为与 gridview 交互而编写的 javascript 来做到这一点。

一个开始的地方是在 IE 中查看解决方案，按 F12 打开开发人员工具。使用这些工具会让你到达你想去的地方。

附： IE 中的开发人员工具还允许您直接在浏览器中进行 javascript 调试。

【讨论】：

感谢您的回复 DeviantSeev :)。关于您的陈述“您应该关注在选择行后触发的事件。您可以通过查看编写用于与 gridview 交互的 javascript 来做到这一点”。要专注于这些事件，我需要找到这些事件:)。这就是为什么我需要做我上面提到的事情。
您可以通过检查 gridview 的支持 JavaScript 来找到这些事件。没有必要在每个事件中都设置断点。我会从头开始，只检查每一行代码，看看它是否是我正在寻找的东西。
支持 javascipt 是一个 500 kb 的文件。 gridview 本身不保存触发的 js 事件的信息。在 500 kb 文件的某处，一些代码订阅了 gridview 上的一些事件（通过查看 html 类或 id）。
我会首先在作为 gridview 的 dom 元素的名称、类或 id 上进行文本查找。 IE。我的网格视图是
所以我会在 javascript 文件中查找“gridView”。
我已经尝试过了，并意识到这将是一个耗时的过程。因此，如果有一种简单的方法可以在每个方法上添加断点，那将节省我的时间。像上面提到的那样使用蛮力总是一种选择。