Debugging and Tracing AJAx Applications
下面是在不同的方式来debug AJAX-enabled ASP.NET application
(1)在Configuration文件中授权.
(2)在服务端使用tracing
(3)使用在Sys.Debug类的方法设置breakpoints和handle trace输出
(4)在浏览器材里面授权debugging
(5)追加Visual Studio2008 debugger或在你的浏览器里面扩展工具.
(7)使用扩展工具捕获HTTP的交换.
(1)在Configuration文件中授权.
在Configuration中添加一个compilation元素,设置一贯debug属性为"true",如下面:
<configuration>
<system.web>
<compilation debug="true">
<!-- etc. -->
</compilation>
</system.web>
<configuration>
要将应用程序发布,就要从debug该为Release才能发布
在Web.config文件中,如果compilation元素中包括debug,就将里面debug属性该为"false"
确定在ScriptManager中面的ScriptMode属性设置为Release
而在@page中指定的debug属性不会影响ASP.NET AJAX applications.而为ScriptManager在Web.config中设置的IsDebuggingEnabled and ScriptMode属性是决定是否呈现debug脚本.
(2)Tracing on the Server
怎样授权ASP.NET页面Tracing就是这样
<%@ Page Trace="true" %>
而在ASP.NET AJAX中就必须有一个partial-page呈现授权,也就是要在ScriptManager中将EnablePartialRendering属性设置为"true",
其实就是所说的饿"view debugger trace messages in the Output window".
(3)Debug Helper Class
ASP.NET为调试客户端应用程序提供一个Sys.Debug Class.如果你是IE你可以在你的也面上创建一个
就是使用下面的方法:
Sys.Debug.assert(condition,message,displayCaller)
给出检测条件,并如果条件为false时候,就会有在debugger中提示.
Sys.Debug.clearTrace()
清楚所有的指定在id为"TraceConsole"元素中显示的信息.
Sys.Debug.traceDump(object,name)
抑制一个对象在debugger console和TraceConsole中输出.
Sys.Debug.fail(message)
显示一个message在debugger的输出窗口和TraceConsole的textarea元素中
Sys.Debug.trace(text)
在debugger console和TraceConsole中追加一行文本.
这个是MSDN上的事例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html >
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function btnAssert_onclick() {
var n;
// Insert code intended to set n to a positive integer.
if (false) n = 3;
// Assert if n is not greater than 0.
Sys.Debug.assert(n > 0, "n must be set to a positive integer.");
}
function btnFail_onclick() {
var n;
// Insert code intended to set n to a numeric value.
if (false) n = 3;
// Fail if n is not numeric.
if (isNaN(n)) Sys.Debug.fail("The value of n must be a number.");
}
function btnTrace_onclick() {
v = form1.text1.value;
Sys.Debug.trace("Name set to " + "\"" + v + "\".");
alert("Hello " + v + ".");
}
function btnDump_onclick() {
Sys.Debug.traceDump(form1.text1, "Name textbox");
alert("Hello " + form1.text1.value + ".");
}
function btnClear_onclick() {
Sys.Debug.clearTrace()
alert("Trace console cleared.");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h2>Sys.Debug Methods Test Page</h2>
<asp:ScriptManager ID="ScriptManager1"
runat="server" />
<p><b>Use these buttons to demonstrate the assert() and fail()
methods:</b><br />
<input id="btnAssert" type="button" value="Assert"
style="width: 100px"
onclick="return btnAssert_onclick()" />  
<input id="btnFail" type="button" value="Fail"
style="width: 100px" onclick="return btnFail_onclick()" />
</p><hr />
<b>Use the textbox and buttons below to demonstrate tracing.</b>
<br />
<p>Enter your name here:<br />
<input id="text1" maxlength="50" type="text" />
<br />
<br />
<input id="btnTrace" type="button" value="Trace"
style="width: 100px" onclick="return btnTrace_onclick()" /><br />
<input id="btnDump" type="button" value="TraceDump"
style="width: 100px" onclick="return btnDump_onclick()" /><br />
<input id="btnClear" type="button" value="ClearTrace"
style="width: 100px" onclick="return btnClear_onclick()" /><br />
<br /></p>
View output in the TraceConsole textarea below.
<br />
<textarea id='TraceConsole' rows="10" cols="50"
title="TraceConsole"></textarea>
</form>
</body>
</html>
(4)To enable debugging in Internet Explorer
就是在IE里面设置Disable Script Debugging.
Disable Script Debugging (Other)
Display a notification about every script error
Show friendly HTTP error messages
都打开就能调试js.
当然还可以使用我们熟悉的那IE的扩展工具.
Attaching the Visual Studio Debugger to Internet Explorer
你要debug客户端的脚本,你必须追加debugger到IE里面.
在Visual Studio debugger中选中Debug menu,选中Attach to Process,只后会有一个Attach to Process对话框.选种iexplore.exe.
这样就可以拉.如果你使用IE遭遇脚本错误,并且你按这样的设定,但不在当前就追加到debugger中,浏览器会提示你选择一个debugger.你既能继续不debugging或追加一个debugger直接通过代码.
(1)在Configuration文件中授权.
(2)在服务端使用tracing
(3)使用在Sys.Debug类的方法设置breakpoints和handle trace输出
(4)在浏览器材里面授权debugging
(5)追加Visual Studio2008 debugger或在你的浏览器里面扩展工具.
(7)使用扩展工具捕获HTTP的交换.
(1)在Configuration文件中授权.
在Configuration中添加一个compilation元素,设置一贯debug属性为"true",如下面:
<configuration> <system.web> <compilation debug="true"> <!-- etc. --> </compilation> </system.web><configuration>要将应用程序发布,就要从debug该为Release才能发布
在Web.config文件中,如果compilation元素中包括debug,就将里面debug属性该为"false"
确定在ScriptManager中面的ScriptMode属性设置为Release
而在@page中指定的debug属性不会影响ASP.NET AJAX applications.而为ScriptManager在Web.config中设置的IsDebuggingEnabled and ScriptMode属性是决定是否呈现debug脚本.
(2)Tracing on the Server
怎样授权ASP.NET页面Tracing就是这样
<%@ Page Trace="true" %>
而在ASP.NET AJAX中就必须有一个partial-page呈现授权,也就是要在ScriptManager中将EnablePartialRendering属性设置为"true",
其实就是所说的饿"view debugger trace messages in the Output window".
(3)Debug Helper Class
ASP.NET为调试客户端应用程序提供一个Sys.Debug Class.如果你是IE你可以在你的也面上创建一个
就是使用下面的方法:
Sys.Debug.assert(condition,message,displayCaller)
给出检测条件,并如果条件为false时候,就会有在debugger中提示.
Sys.Debug.clearTrace()
清楚所有的指定在id为"TraceConsole"元素中显示的信息.
Sys.Debug.traceDump(object,name)
抑制一个对象在debugger console和TraceConsole中输出.
Sys.Debug.fail(message)
显示一个message在debugger的输出窗口和TraceConsole的textarea元素中
Sys.Debug.trace(text)
在debugger console和TraceConsole中追加一行文本.
这个是MSDN上的事例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html ><head id="Head1" runat="server"> <title>Untitled Page</title><script language="javascript" type="text/javascript">
function btnAssert_onclick() {
var n; // Insert code intended to set n to a positive integer. if (false) n = 3; // Assert if n is not greater than 0. Sys.Debug.assert(n > 0, "n must be set to a positive integer.");}function btnFail_onclick() { var n; // Insert code intended to set n to a numeric value. if (false) n = 3; // Fail if n is not numeric. if (isNaN(n)) Sys.Debug.fail("The value of n must be a number.");}function btnTrace_onclick() { v = form1.text1.value; Sys.Debug.trace("Name set to " + "\"" + v + "\"."); alert("Hello " + v + ".");}function btnDump_onclick() { Sys.Debug.traceDump(form1.text1, "Name textbox"); alert("Hello " + form1.text1.value + ".");}function btnClear_onclick() { Sys.Debug.clearTrace() alert("Trace console cleared.");}</script></head><body><form id="form1" runat="server"> <h2>Sys.Debug Methods Test Page</h2> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <p><b>Use these buttons to demonstrate the assert() and fail() methods:</b><br /> <input id="btnAssert" type="button" value="Assert" style="width: 100px" onclick="return btnAssert_onclick()" />   <input id="btnFail" type="button" value="Fail" style="width: 100px" onclick="return btnFail_onclick()" /> </p><hr /> <b>Use the textbox and buttons below to demonstrate tracing.</b> <br /> <p>Enter your name here:<br /> <input id="text1" maxlength="50" type="text" /> <br /> <br /> <input id="btnTrace" type="button" value="Trace" style="width: 100px" onclick="return btnTrace_onclick()" /><br /> <input id="btnDump" type="button" value="TraceDump" style="width: 100px" onclick="return btnDump_onclick()" /><br /> <input id="btnClear" type="button" value="ClearTrace" style="width: 100px" onclick="return btnClear_onclick()" /><br /> <br /></p> View output in the TraceConsole textarea below. <br /> <textarea id='TraceConsole' rows="10" cols="50" title="TraceConsole"></textarea></form></body></html>(4)To enable debugging in Internet Explorer
就是在IE里面设置Disable Script Debugging.
Disable Script Debugging (Other)
Display a notification about every script error
Show friendly HTTP error messages
都打开就能调试js.
当然还可以使用我们熟悉的那IE的扩展工具.
Attaching the Visual Studio Debugger to Internet Explorer
你要debug客户端的脚本,你必须追加debugger到IE里面.
在Visual Studio debugger中选中Debug menu,选中Attach to Process,只后会有一个Attach to Process对话框.选种iexplore.exe.
这样就可以拉.如果你使用IE遭遇脚本错误,并且你按这样的设定,但不在当前就追加到debugger中,浏览器会提示你选择一个debugger.你既能继续不debugging或追加一个debugger直接通过代码.
