Go homepage(回首页) Upload pictures (上传图片) Write articles (发文字帖)
The author:(作者)归海一刀published in(发表于) 2014/1/30 1:10:53 新瓶旧酒ASP.NET,AJAX(3),-,客户端脚本编程(调试和跟踪)_[Asp.Net教程]
新瓶旧酒ASP.NET AJAX(3) - 客户端脚本编程(调试和跟踪)
介绍ASP.NET AJAX既包含有服务端代码,又包含有客户端代码。然而对客户端代码的调试不同于对服务端代码的调试,下面我们就来看一下如何对客户端代码进行调试。
关键1、配置IE工具 - Internet选项 - 高级,设置“禁用脚本调试(Internet Explorer)”和“禁用脚本调试(其他)”为未选中状态,设置“显示每个脚本错误的通知”为选中状态。(参考:在Visual Studio中调试JavaScript)
2、Tracing信息显示在ID为“TraceConsole”的textarea中。
示例DebuggingAndTracing.aspx<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="DebuggingAndTracing.aspx.cs" Inherits="ClientScripting_DebuggingAndTracing" Title="调试和跟踪" %>
onclick="return btnAssert_onclick()" />
onclick="return btnFail_onclick()" />
onclick="return btnTrace_onclick()" />
onclick="return btnDump_onclick()" />
onclick="return btnClear_onclick()" />
运行结果1、单击“Assert测试”按钮,则弹出确认框第一个确认框Assertion Failed: a的当前值为:50,而我们需要它大于60Break into debugger?第二个确认框Assertion Failed: a的当前值为:50,而我们需要它大于60at function btnAssert_onclick() { var a = 50; Sys.Debug.assert(a > 60, "a的当前值为:“" + a + "”,而我们需要它大于60"); Sys.Debug.assert(a > 60, "a的当前值为:“" + a + "”,而我们需要它大于60", true); }Break into debugger?
2、单击“Fail测试”按钮弹出“Visual Studio实时调试器”
3、单击“Trace测试”按钮a的当前值为:“50”,而我们需要它大于60
4、单击“TraceDump测试”按钮traceDump {INPUT - btnDump}Name {INPUT - btnDump}
5、单击“ClearTrace测试”按钮清空ID为“TraceConsole”的textarea 作者:webabcd[源码下载]
赞