博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

[翻译]在Visual Studio中调试JavaScript

Posted on 2007-01-06 09:34  webabcd  阅读(8640)  评论(18编辑  收藏
原文地址:http://aspalliance.com/1096_Debugging_JavaScript_in_Visual_Studio


[翻译]在Visual Studio中调试JavaScript


原文发布日期:2006.12.19
作者:Rajendra Kumar Sahu
翻译:webabcd


摘要
一个好的应用程序在把所有的输入项提交至服务器处理之前都要先通过验证,所以客户端验证是必需的。几乎所有的浏览器都支持的JavaScript便可以非常好的完成这个任务。


文章内容
介绍
配置
结论


介绍
事实上,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 2003/05中打开一个已经存在的asp.net应用程序,其中要有一些JavaScript。

第二步:
当我们在微软的Visual Studio中创建了一个web项目,那么一个名为web.config的文件默认也被创建在了该web项目中。
我们检查一下它的设置
<compilation debug="false" strict="false" explicit="true" />

把debug的属性该为true,如下
<compilation debug="true" strict="false" explicit="true" />

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


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


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

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


结论
[原文源码下载]
这是一个非常简单的调试JavaScript的例子。