深入研究VS 2008中的JavaScript编辑调试器(2)

二、JavaScript调试功能

面对一大段的JavaScript脚本，以前总是会很头疼，找不到调试这些代码的方法。如果出现什么错误或异常，总是要从头分析，然后插入很多Alert()，调试起来很麻烦。 Visual Studio 2008中JavaScript所具有的另外一个特性，是它提供了更加强大的JavaScript调试功能，这使得JavaScript的使用及构建AJAX应用都变得容易很多。同样，这项功能在免费的Visual Web Developer Express版本中和Visual Studio中都具有。

（1）在ASP.NET页面中设置JavaScript断点 在Visual Studio 2005中调试JavaScript有个很让人头痛的问题，那就是要先运行ASP.NET页面才能在调试器中设置JavaScript断点。而这个问题在Visual Studio 2008有了很好的解决。在服务器的.asp文件和.master文件中就可以直接为客户端的JavaScript设计断点，从而进行调试。

图4

如果开发人员在.aspx文件中设置了如上所示的断点，当在浏览器中运行此页面并运行此页面时，Visual Studio 2008将会自动的将断点位置匹配到所生成的客户端HTML页面中去。

图5

如果开发人员在HTML文档中对断点的位置进行了变化，如增加、删除断点或是移动断点的位置，此时，Visual Studio 2008会很聪明的进行反匹配，即根据客户端HTML文档中断点位置的变化来改变服务器端原始的.aspx文件或.master文件中断点的位置。这就为开发人员提供了一个非常智能的调试器，可以进行一整套的编辑—调试—再编辑—再调试的可叠加的调试工作流程。 更加让人激动的是，开发人员不仅可以在客户端的JavaScript中设置断点，还可以同时在VB或C#等服务器端文件中设置断点，甚至是在同一页面中。

然后使用单一调试模型进行服务器端与客户端代码的调试(当然这必须属于同一个会话)。这样的单一调试模式在AJAX大型应用中非常有用的。 请注意，开发人员所设置的任何断点，在关闭整个项目或是解决方案后，Visual Studio 2008都会默认的进行保存。当下次再次打开此工程或是项目是，以前设置的断点都将会存在代码中。