“Atlas”程序由服务器端代码和客户端代码组成，并且，浏览器可能会要去异步请求一些数据。那么，怎样才能Debug这样的web程序呢。本文将告诉你如何使用一些技术和工具来方便的完成这件事。

　　注：

　　除了Visual Studio和Internet Explorer，本文提及的程序是一些第三方的，微软不会提供支持的。请到这些工具的主页去阅读授权和支持信息。

　　为了更好的Debug，先对应用程序进行配置

　　要启用VS的Debug功能，请添加一个＜compilation＞元素在站点根目录的web.config文件中，并且设置debug属性为true。请参阅，ASP.NET Settings Schema, compilation element

＜configuration＞
 ＜system.web＞
 ＜compilation debug="true"＞
 ＜!-- etc. --＞
 ＜/compilation＞
 ＜/system.web＞
＜configuration＞

　　当Degub启用后，“Atlas”会使用一个Debug脚本类，这个类库将提供附加的对话信息和一个下面将讲解的Debug帮助类。

　　在服务器端进行Tracing

　　如果你通过启用“partial rendering”进行服务器端Tracing来Debug页面（即页面中包含一个启用了EnablePartialRendering的ScriptManager和一个Mode为Conditional的UpdatePanel），那么你可以使用Trace视图（Trace.axd）来显示页面输出根踪信息。此时，你可以在页面一开始呈现时就看到根踪输出信息显示在页面的尾部，但是这些信息不会在异步Postback后进行更新，这是因为仅仅只有UpdatePanel的内容需要在变化时被更新。关于使用Trace viewer的更多信息，请参看 ASP.NET Trace.

　　捕获HTTP交互

　　当开发web应用时，观察服务器与客户端来回往返的HTTP交互是很有用的，有两个工具可以帮助我们干这件事：

　　Fiddler. 这个工具工作原理是做为一个Proxy记录下所有HTTP交互的日志。它支持IE和其它的浏览器。使用Fiddler，你可以检测每个请求和响应，包括headers,cookies,和HTTP消息主体内容。

　　Web Development Helper. 这个工具只能用于IE，但是它除了在日志中记录HTTP交互，还能查看HTML　DOM，在一个分隔开了的窗口中显示trace信息，关闭应用，还能解码页面的View state。

　　Debug Helper类

　　当你在启用了Debug后编译你的应用程序，“Atlas”客户端类库会定义一个Debugging helper类，并且实例化一个全局的debug对象供使用。使用这个debug对象，你能在页面的尾部用易读的方式显示对象的信息，能显示trace messages,能使用断言，中断。如果你使用VS调试器附加到IE进程中，你也可以在Output窗口中查看跟踪信息。

　　下面的代码将显示输出一个对象的信息：

var o = {
 colors: {
 red: [255, 0, 0],
 green: [0, 255, 0],
 blue: [0, 0, 255]
 },
 width: 600,
 title: 'debugging with "Atlas"'
};

debug.trace("output trace messages");
debug.dump(o, 'object name', true, ' ');

Output:

output trace messages
... object name {Object}
... +colors {Object}
... ++red {Array}
... +++[0]: 255
... +++[1]: 0
... +++[2]: 0
... +++0: 255
... +++1: 0
... +++2: 0
... ++green {Array}
... +++[0]: 0
... +++[1]: 255
... +++[2]: 0
... +++0: 0
... +++1: 255
... +++2: 0
... ++blue {Array}
... +++[0]: 0
... +++[1]: 0
... +++[2]: 255
... +++0: 0
... +++1: 0
... +++2: 255
... +width: 600
... +title: debugging with "Atlas"