面对一大段的JavaScript脚本,以前总是会很头疼,找不到调试这些代码的方法。如果出现什么错误或异常,总是要从头分析,然后插入很多Alert(),调试起来很麻烦。
Visual Studio 2008中JavaScript所具有的另外一个特性,是它提供了更加强大的JavaScript调试功能,这使得JavaScript的使用及构建AJAX应用都变得容易很多。同样,这项功能在免费的Visual Web Developer Express版本中和Visual Studio中都具有。
 
在ASP.NET页面中设置JavaScript断点
在Visual Studio 2005中调试JavaScript有个很让人头痛的问题,那就是要先运行ASP.NET页面才能在调试器中设置JavaScript断点。而这个问题在Visual Studio 2008有了很好的解决。在服务器的.asp文件和.master文件中就可以直接为客户端的JavaScript设计断点,从而进行调试。

如果开发人员在.aspx文件中设置了如上所示的断点,当在浏览器中运行此页面并运行此页面时,Visual Studio 2008将会自动的将断点位置匹配到所生成的客户端HTML页面中去。

如果开发人员在HTML文档中对断点的位置进行了变化,如增加、删除断点或是移动断点的位置,此时,Visual Studio 2008会很聪明的进行反匹配,即根据客户端HTML文档中断点位置的变化来改变服务器端原始的.aspx文件或.master文件中断点的位置。这就为开发人员提供了一个非常智能的调试器,可以进行一整套的编辑—调试—再编辑—再调试的可叠加的调试工作流程。
更加让人激动的是,开发人员不仅可以在客户端的JavaScript中设置断点,还可以同时在VB或C#等服务器端文件中设置断点,甚至是在同一页面中。然后使用单一调试模型进行服务器端与客户端代码的调试(当然这必须属于同一个会话)。这样的单一调试模式在AJAX大型应用中非常有用的。
请注意,开发人员所设置的任何断点,在关闭整个项目或是解决方案后,Visual Studio 2008都会默认的进行保存。当下次再次打开此工程或是项目是,以前设置的断点都将会存在代码中。
解决方案管理器中的Script Document导航
就一般而言,JavaScript在服务器端动态的生成,然后被浏览器进行解释运行(例如,用脚本写成的服务器端控件,如ASP.NET AJAX UpdatePanels)。而在调试时,可以很容易的查看到页面所正在加载的JavaScript的URLs,以及调试器下步所要进入的URL。
在Visual Studio 2008中,由于将Script Document功能整合到了Visual Studio 2008的解决方案管理器视图中来了(在Visual Studio 2005中是作为一个单独的tool-pane窗口存在的),所以在调试Web应用程序时,这显得非常的有帮助。
当使用Visual Studio 2008来调试JavaScript时,在Solution explorer pane中可以查看到调试页面所加载的script URLs清单,如下图所示:

开发人员可以双击Script Documents节点下面的任何script URLs来查看此页面所加载的JavaScript内容,从而开发人员可以在此打开的JavaScript文档设置断点进行调试,如下图所示:

丰富的查看/定位及可视化支持
当然,JavaScript的易于打开及导航当然是优良调试器的特征之一。而真正使Visual Studio 2008变成独特的JavaScript调试的特点是,它支持对象的执行及监视功能。当开发人员在Visual Studio 2008中对某一变量进行调试监视时,可以查看到此变量对象非常详细有用的信息,如下图所示:

开发人员可以查看运行时状态对象的所在方法、所有事件。可以获得更多的关于此对象的详细属性及属性类型。当然,开发人员可以在此面的网格中查看对象的相关信息,还可以在即时窗口中运行代码来查看相关信息。
除此之外,Visual Studio 2008还支持可插入可视化调试。它可以提供一般调试器之外的额外信息,从而使调试器对被调试对象提供更加丰富的可视化视图。例如,可以使用Visual Studio 2008内建的”Text”、”XML”或是”HTML”等可视化工具来加载新窗口,从而为被监视的变量提供更加详细的信息。

vs2008 调试js相关推荐

  1. vs2008中js的语法提示及修正功能(downmoonn)

    vs2008对js的支持达到了一个新高度(在vs系列中).不仅仅是调试.但是很多人在编写js时还不能充分利用vs2008的功能来提高编写js的效率.这里有一些tips,希望跟大家分享.也希望有更好的解 ...

  2. VS调试js学习总结

    vs 下如何调试js http://blog.csdn.net/ztzi321/article/details/24350915 vs能调试js,这个方法直到今天我知道,现在分享给和我一样初学vs或a ...

  3. vs 下如何调试js

    vs能调试js,这个方法直到今天我知道,现在分享给和我一样初学vs或asp.net开发的朋友们. 对于vs之前的版本我没试过,我试了vs2008版及之后的都是可以的,估计之前的vs2005之类的对于调 ...

  4. 如何使VS2008 调试网站的根目录和IIS调试的一致?

    如何使VS2008 调试网站的根目录和IIS调试的一致? 用VS2008做asp.net网站调试时,经常会多出来一个目录,如http://localhost:1234/Foo/ , 由于一些图片的路径 ...

  5. Google Chrome调试js入门

    平常在开发过程中,经常会接触到前端页面.那么对于js的调试那可是家常便饭,不必多说.最近一直在用火狐的Firebug,但是不知道怎么的不好使了.网上找找说法,都说重新安装狐火浏览器就可以了,但是我安装 ...

  6. vs2008调试c#网页时出现“加载配置文件时出错: 未能映射路径'/' 错误 .

    win7 64位 下vs2008调试c#网页时出现"加载配置文件时出错: 未能映射路径'/' "错误 . 解决办法:右键点击vs2008快捷方式,选择属性,然后选择"兼容 ...

  7. chrome浏览器,调试详解,调试js、调试php、调试ajax

    1.可以看到js报错 2.可以看到php报错 3.可以看到ajax返回的信息,以及报错情况 4.可以看到调用了那些内容以及顺序 5.可以调试js代码 6.可以查看session等等 功能非常之强大. ...

  8. 九个console命令调试JS

    九个console命令调试JS </h1><div class="clear"></div><div class="postBo ...

  9. 利用Console来调试JS程序、Console用法总结

    利用Console来调试JS程序.Console用法总结(1) 一 .什么是 Console Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console ...

最新文章

  1. django数据模型字段和通用参数说明
  2. 如何防止果照外泄?自己先上传就OK!扎克伯格这波操作给网友整不会了
  3. 自定义注解和拦截器,实现接口限流防刷
  4. java抽象类 抽象方法_Java基础 -- Java 抽象类 抽象方法
  5. 7-5 流水作业调度 (10 分)(思路+详解+johnson解析)Come Baby!!!!!!!!!!
  6. AVL树的单双旋转解析
  7. java jinq_将JINQ与JPA和H2一起使用
  8. 非插件实现回复可见效果
  9. session和cookie的区别 session失效
  10. javaScript的Math和Date对象
  11. android main system log,android日志缓冲区,system,radio,main,events是什么意思啊?
  12. Mysql中的delimiter详解
  13. 老罗android开发视频教程全集百度网盘下载
  14. Day 35 年会抽奖 + 抄送列表
  15. 基于Vue2.0的音乐播放器——歌手模块(拿不到数据)
  16. 公告模块phpcms
  17. 记vscode配置踩坑经过
  18. 知识兔课程揭秘跨境电商七大骗局!
  19. java有关的论述_中国大学MOOC: 以下有关JAVA线程的论述,正确的是()。
  20. 我带你去哪里 XII

热门文章

  1. 信息学奥赛一本通(2049:【例5.19】字符串判等)
  2. 信息学奥赛一本通(1065:奇数求和)
  3. 信使(信息学奥赛一本通-T1376)
  4. 奇怪的电梯(信息学奥赛一本通-T1360)
  5. 31 SD配置-主数据-信用管理-定义自动信贷控制
  6. 9.1 LSMW程序创建操作手册 第1 2步
  7. python线程创建对象_python 多线程(一)
  8. 一起学习C语言:C语言循环结构(三)
  9. linux那些事之 page translation(硬件篇)
  10. 笨方法“学习python笔记之字符串