在Visual Studio2005 中调试JavaScript

在Visual Studio2005 中调试JavaScript
Posted on 2007-11-10 23:19 黑*马 阅读(1813) 评论(21)  编辑  收藏 
事实上，web应用程序相对于桌面应用程序来说，升级起来更加方便。如我们从应用程序的立场来看这两种技术的发展，无疑，web应用程序已经比桌面应用程序更流行了。web应用程序的设计师不同于桌面应用程序的设计师，web页是由静态的html标记，图片，脚本标记和JavaScript构成的。web页与web服务端相结合的，通过浏览器把请求交付给服务端进行处理。在今天，有很多种不同的web服务器。流行的有IIS，WebSphere，Weblogic，Apache等。web服务器是用来处理脚本的，而处理这些脚本的是一些基本的类库。当一个页从浏览器发送请求到服务端时并不会转换html标记，解释和解析这些html标记的工作是由浏览器负责的。

web页在今天已经变得越来越有互动性了，它经常收集用户的输入并且发送这些信息到服务端去处理。所以，在页面中验证每一个输入便成了开发者工作的一部分。web页端的验证已经是必须要做的工作了。如果不做客户端验证，那么就可能会有一些错误的请求，而这些错误的请求将导致web应用程序抛出一个错误信息甚至崩溃。除了在服务端进行输入验证外，客户端验证也是必需的。现在有一些流行的脚本就可以用于客户端验证，JavaScript和VBScript就是其中的两个。没有专门应付web端验证的脚本使得开发者陷入了一个窘迫的境地。当今时代，用户更喜欢在客户端做更多事情，而只有在必须的时候才交给服务端处理。

这种技术完全是在客户端进行处理，它不是ajax(Asynchronous Java and XML)。我在一些场合用到了ajax，它确实是很强大而且不同JavaScript的，但在ajax中仍然会需要用到大量的JavaScript。开发人员不得不把大量的逻辑代码写成JavaScirpt，而随着JavaScript使用的大量增加，越来越多的时间就会用于调试和修改这些JavaScript。微软的Visual Studio IDE可以让开发人员非常容易的写代码，而且调试也相对于传统的asp应用程序简单得多。放下VS IDE的一些新特性不说，很多人发现调试JavaScript很不方便。但是现在你可以通过一些配置使调试JavaScript变得简单起来。那么该如何来做呢？接下来将告诉你一些在asp.net中调试JavaScirpt的技巧。

在asp.net中一步一步调试JavaScript，在这篇文章里我使用了IIS和Visual Studio 2005。

配置
第一步：
在Visual Studio 2005中打开一个已经存在的asp.net应用程序，其中要有一些JavaScript。

第二步：
当我们在微软的Visual Studio中创建了一个web项目，那么一个名为web.config的文件默认也被创建在了该web项目中。
我们检查一下它的设置

把debug的属性该为true，如下
第三步：
打开Internet 信息服务(IIS)管理器
开始->管理工具->Internet 信息服务(IIS)管理器->网站->默认网站->右键单击你想调试的web项目->属性->虚拟目录选项卡->配置->在新打开的windows窗口中选择调试选项卡->把“启用 ASP 服务器端脚本调试”和“启用 ASP 客户端脚本调试”两个复选框选中。
图1

第四步：
打开IE，单击菜单栏的“工具”->Internet 选项->高级选项卡->取消“禁用脚本调试（Internet Explorer）”和“禁用脚本调试（其他）”两个复选框的选中状态。
图2

第五步：
现在，在Visual Studio IDE打开你的web项目。
注意：JavaScript一定要放到一个单独的.js文件里，而不能直接在.aspx页里写JavaScript。然后像对待.cs或.vb文件一样，在.js文件里给某行添加断点即可。

第六步：
运行你的web项目，程序将会在运行到你设置的断点处停止。

Feedback
#1楼    回复  引用  查看    
2007-11-10 23:36 by 一味
其实在VS里面可以用debugger来设置Javascript的断点。
#2楼    回复  引用  查看    
2007-11-10 23:39 by Sleet [未注册用户]
不需要这么麻烦吧？

还有，你的第三步有没有开启跟调试JAVASCRIPT没有关系吧

其实就像楼上所说的，用debugger就可以搞定了，当然也要设置第四步，就OK了(网上一堆的这类文章)

而第三步是多余的，这个步骤是针对调试ASP而需要做的调整（特别好用）

试想一下，JS关服务端的IIS什么事？
#3楼    回复  引用  查看    
2007-11-10 23:52 by 邹健
我调试js一般也debugger实在找不到就用ExtendScript Toolkit 2....定位很准..
#4楼    回复  引用  查看    
2007-11-11 05:56 by 踏雪无痕
JS
不
关服务端的IIS什么事
#5楼    回复  引用  查看    
2007-11-11 08:18 by GoGoSonny
截图呢？
#6楼    回复  引用  查看    
2007-11-11 09:37 by 音乐虫子
vs2008 beta已经可以调试javascript脚本了。
还是期待vs2008好了。省了这么多麻烦。
#7楼    回复  引用  查看    
2007-11-11 10:23 by 旌浪
楼主,你这篇为什么跟王磊先生翻译的一模一样呢？
http://www.cnblogs.com/webabcd/archive/2007/01/06/613343.html
#8楼    回复  引用  查看    
2007-11-11 10:44 by oyeah [未注册用户]

哦 ，这是 我抄袭王磊先生翻译的
#9楼    回复  引用  查看    
2007-11-11 14:03 by 笑煞天
debugger就好了,简单易用.
#10楼    回复  引用  查看    
2007-11-11 15:52 by 潇笑
只需要一步就行了。　　vs.net里把IE附加到调试进程
#11楼    回复  引用  查看    
2007-11-11 17:07 by 冲啊!为了钱~
我试过了，成功了，只要去掉浏览器的两个选项就可以调试了(也就是第四步)，还可监测到变量的值

#12楼    回复  引用  查看    
2007-11-11 19:54 by aspnetx
vs向来是可以调试大多数错误的(记得从vs6开始)
这一点在系统发生问题的时候最明显
#13楼    回复  引用  查看    
2007-11-11 21:23 by ygchina
非常感谢，对我很有用
#14楼    回复  引用  查看    
2007-11-12 13:01 by 大胡子 [未注册用户]
这么老的东西还拿出来做什么 ？
#15楼    回复  引用  查看    
2007-11-12 13:02 by 杨正祎
我以前也写过哦。呵呵。。

文章标题：JavaScript代码的调试——别人是别人的，我的是我的！
博客地址：http://www.cnblogs.com/JustinYoung/articles/710703.html
文章备注：一直以来都很困扰的一个问题。
#16楼    回复  引用  查看    
2007-11-12 13:02 by 杨正祎
不过，我现在用firebug来做这个事情。
#17楼    回复  引用  查看    
2007-11-13 09:58 by 随心所欲
@杨正祎
我也是。firebug好用极了。
vs调试js，也是可以，但是比较慢。
#18楼    回复  引用  查看    
2007-11-13 12:36 by 随风流月
@旌浪
难道说。。。
#19楼    回复  引用  查看    
2007-11-13 12:36 by 随风流月
@随风流月
此人的文章貌似真的有很多属于“转载”，“借鉴”，“参考”的结果。。
#20楼    回复  引用  查看    
2007-11-13 16:42 by chinajoy
建议cnblogs做个自动过滤功能，每当发帖的时候，判断是否已经存在相关主题。
#21楼    回复  引用  查看    
2007-11-13 18:20 by lonelyghost [未注册用户]
顶一下