Atlas应用程序的调试技巧

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

  注:

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

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

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

<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的更多信息,请参看
.

  捕获HTTP交互

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

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

.
这个工具只能用于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, ' ');   转载请注明论文发表代理http://www.400qikan.com

posted @ 2013-07-16 17:01  斐然说  阅读(633)  评论(0编辑  收藏  举报