新瓶旧酒ASP.NET AJAX(3) - 客户端脚本编程(调试和跟踪)-阿里云开发者社区

开发者社区> 技术小胖子> 正文

新瓶旧酒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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
CDN云课堂预告 | 技术专家直播:可编程CDN-EdgeScript实践
CDN作为云服务的一个基本件,正在从标准化服务向可编程服务进化,可编程化CDN赋能客户快速构建云上个性化业务体系,帮助客户快速实现配置变更和版本迭代,更及时响应业务需求。
480 0
.NET数据库编程求索之路--9.使用EF实现
9.使用EF实现   源码下载: /Files/SummerRain/NetDbDevRoad/9使用EF实现1自动ORM简单三层.rar /Files/SummerRain/NetDbDevRoad/9使用EF实现2自动纯POCO代理简单三层.
646 0
【转】BarTender与ASP.NET的集成小结(条码标签打印编程)
话说自从上次发了篇NHibernate的资料后,好久没有写东西了,半年来一直在忙一个项目,做完项目后,发现很多东西虽然当时做了,懂了,但是很快就会模糊了,于是又再想起总结的重要性~~没啥地方好放资料的,放在博客园也是一个不错的选择~~   本人也是新手,写的不好的地方,请多原谅。
1827 0
Asp.Net Web API 2第三课——.NET客户端调用Web API
原文:Asp.Net Web API 2第三课——.NET客户端调用Web API Asp.Net Web API 导航     Asp.Net Web API第一课——入门http://www.cnblogs.com/aehyok/p/3432158.html       Asp.Net Web API第二课——CRUD操作http://www.cnblogs.com/aehyok/p/3434578.html 前言 本教程演示从一个控制台应用程序,使用HttpClient调用Web API。
1085 0
13262
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载