新瓶旧酒ASP.NET AJAX(3) - 客户端脚本编程(调试和跟踪)

简介:
[索引页]
[源码下载]


新瓶旧酒ASP.NET AJAX(3) - 客户端脚本编程(调试和跟踪)


作者: webabcd


介绍
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="调试和跟踪" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 

        <script type="text/javascript"> 

        function btnAssert_onclick()    
        { 
                var a = 50; 
                 
                Sys.Debug.assert(a > 60, "a的当前值为:“" + a + "”,而我们需要它大于60"); 
                Sys.Debug.assert(a > 60, "a的当前值为:“" + a + "”,而我们需要它大于60", true); 
        } 

        function btnFail_onclick()    
        { 
                var a = 50; 
                 
                if ( a <= 60) 
                { 
                        Sys.Debug.fail("a的当前值为:“" + a + "”,而我们需要它大于60");                
                } 
        } 

        function btnTrace_onclick()    
        { 
                var a = 50; 
                 
                if ( a <= 60) 
                { 
                        Sys.Debug.trace("a的当前值为:“" + a + "”,而我们需要它大于60");                
                } 
        } 

        function btnDump_onclick()    
        { 
                Sys.Debug.traceDump($get('btnDump')); 
                Sys.Debug.traceDump($get('btnDump'), "Name"); 
        } 

        function btnClear_onclick()    
        { 
                Sys.Debug.clearTrace() 
        } 
         
        </script> 

        <p> 
                <input id="btnAssert" type="button" value="Assert测试" btnAssert_ /> 
        </p> 
        <p> 
                <input id="btnFail" type="button" value="Fail测试" btnFail_ /> 
        </p> 
        <p> 
                <input id="btnTrace" type="button" value="Trace测试" btnTrace_ /> 
        </p> 
        <p> 
                <input id="btnDump" type="button" value="TraceDump测试" btnDump_ /> 
        </p> 
        <p> 
                <input id="btnClear" type="button" value="ClearTrace测试" btnClear_ /> 
        </p> 
        <p> 
                <!--id为“TraceConsole”的textarea用于显示Tracing信息--> 
                <textarea id="TraceConsole" style="width: 500px; height: 100px;"></textarea> 
        </p> 
</asp:Content>
 
 
运行结果
1、单击“Assert测试”按钮,则弹出确认框
第一个确认框
Assertion Failed: a的当前值为:50,而我们需要它大于60
Break into debugger?
第二个确认框
Assertion Failed: a的当前值为:50,而我们需要它大于60
at  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 


OK
[源码下载]


     本文转自webabcd 51CTO博客,原文链接: http://blog.51cto.com/webabcd/344795 ,如需转载请自行联系原作者

相关文章
|
10月前
|
安全 C# 开发工具
模拟.NET应用场景,综合应用反编译、第三方库调试、拦截、一库多版本兼容方案
模拟.NET实际应用场景,综合应用三个主要知识点:一是使用dnSpy反编译第三库及调试,二是使用Lib.Harmony库实现第三库拦截、伪造,三是实现同一个库支持多版本同时引用。
模拟.NET应用场景,综合应用反编译、第三方库调试、拦截、一库多版本兼容方案
|
2月前
|
开发框架 前端开发 JavaScript
ASP.NET AJAX使用方法概述(三)
ASP.NET AJAX使用方法概述(三)
25 1
|
1月前
|
自然语言处理 C# 图形学
​一款开源的.NET程序集反编译、编辑和调试神器
本文介绍了.NET反编译和调试工具dnSpyEx的使用方法。dnSpyEx是dnSpy的非官方Fork版本,支持.NET Framework、.NET Core和Unity程序集的调试和编辑,具有多种语言界面。主要功能包括:浅色、蓝色和深色主题,调试支持,代码编辑以及多语言支持。用户可以从GitHub下载并直接运行dnSpyEx,无需安装。通过创建测试项目,编译成dll文件,然后使用dnSpyEx进行调试和编辑程序集中的代码和IL指令。此外,文章还提供了项目源码地址和相关优秀项目的链接。
|
2月前
|
Go 开发者
Golang深入浅出之-HTTP客户端编程:使用net/http包发起请求
【4月更文挑战第24天】Go语言的`net/http`包在HTTP客户端编程中扮演重要角色,但使用时需注意几个常见问题:1) 检查HTTP状态码以确保请求成功;2) 记得关闭响应体以防止资源泄漏;3) 设置超时限制,避免长时间等待;4) 根据需求处理重定向。理解这些细节能提升HTTP客户端编程的效率和质量。
29 1
|
2月前
|
开发框架 缓存 前端开发
安装ASP.NET AJAX (一安装)
安装ASP.NET AJAX (一安装)
31 0
|
2月前
|
开发框架 .NET Java
ASP.NET Core高级编程--C#基本特性(一)
本文章简略介绍C#的部分特性
|
2月前
|
SQL 开发框架 .NET
ASP.NET Web——GridView完整增删改查示例(全篇幅包含sql脚本)大二结业考试必备技能
ASP.NET Web——GridView完整增删改查示例(全篇幅包含sql脚本)大二结业考试必备技能
54 0
|
2月前
|
人工智能 机器人 C#
Windows编程课设(C#)——基于WPF和.net的即时通讯系统(仿微信)
一款参考QQ、微信的即时通讯软件。采用CS结构,客户端基于.Net与WPF开发,服务端使用Java开发。
|
2月前
|
程序员 数据库
VB.NET—Bug调试(参数话查询、附近语法错误)
VB.NET—Bug调试(参数话查询、附近语法错误)
39 0
|
9月前
|
开发框架 .NET 数据库
asp.net企业费用报销管理信息系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio
asp.net 企业费用报销管理信息系统是一套完善的web设计管理系统,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。开发环境为vs2010,数据库为sqlserver2008,使 用c#语言开发 应用技术:asp.net c#+sqlserver 开发工具:vs2010 +sqlserver
67 0