JavaScript 调试器简介


Posted in Javascript onFebruary 21, 2009

但是仅从调试的角度来说,这些调试器的功能是完全够用的。其实我更需要的不是一个 JavaScript IDE,而是一个 JavaScript 重构工具,这样可以使我快速地对 JavaScript 组件进行重构,比使用 UltraEdit 进行查找/替换的原始方法效率会提高很多,而且更加安全。其实任何一种没有重构工具的语言的开发效率都是没有办法和 Java 这样的语言(有 Eclipse、IDEA 等等强大的重构工具)相提并论的。共产主义尚未实现,这确实是现实,但是并不意味着我们就一定要等待,就没有办法在现有条件下做好我们的工作。必须使用 JavaScript 的主要原因完全不是因为它是一门最先进的语言(相对于 Python、Ruby、etc. 不过从语言本身来说,我并不认为 JavaScript 这种函数/对象合一的语言是落后的,Python 也是这样的语言),有强大的开发工具,而是因为它有着最广泛的支持(所有的现代浏览器都支持)和廉价(因为是 Web 标准,会的人很多,学习和使用的成本很低)。其实做基于 HTML 的 Web 开发,想避开 JavaScirpt 几乎是不可能的。从改善用户交互体验的角度,而不是从纯技术的角度思考问题,我们也没有必要刻意回避 JavaScript。

最原始的 JavaScript 调试器是 Windows 自带的脚本调试器。在 Windows 2000 中,打开添加/删除程序->添加/删除 Windows 组件,然后可以看到一个“脚本调试器”。这个脚本调试器可以用来调试 JavaScript,还可以用来调试任何基于 ActiveX 的脚本语言(VBScript、ASP、etc.)。这个工具虽然具有大多数常用的调试功能,但是使用起来非常不方便。
先进一些的 Visual InterDev,在 Visual Studio 6.0 安装光盘中。这个是大家过去常用的 JavaScript 调试工具。
更好用的是 Office 2003 中带的脚本调试器。比 Visual InterDev 更加强大和稳定。这个脚本调试器隐藏的很深,需要仔细在安装目录中找到它。

上面是 M$ 系列的 JS 调试工具。Visual Studio 和 Office 2003 都是要花钱买的。如果不想花钱,还有一个很好的选择是 Mozilla Venkman,Venkman 是 Mozilla 组织开发的 JavaScript 调试器,功能已经很完善了。如果安装 Mozilla 套件,其中已经包括有 Venkman,只需要在安装的时候选择一下就可以了。如果套件是中文版,安装后的 Venkman 的界面也是全中文的。
使用 Firefox 的用户需要另外安装一下:
http://www.hacksrus.com/~ginda/venkman/
选择一个最新的版本安装,例如在 Firefox 中直接点击
http://www.hacksrus.com/~ginda/venkman/venkman-0.9.85.xpi
就可以完成安装。当然也可以下载下来,以后用 Firefox 直接打开这个文件完成安装。

安装好以后,在 Firefox 的工具菜单会出现一个“JavaScirpt Debugger”,点击后就可以打开 Venkman 调试器。
Venkman 调试器相关的资源包括:
Venkman, the new JavaScript Debugger for Netscape 7.x:
http://devedge-temp.mozilla.org/viewsource/2002/venkman/01/index_en.html
Venkman FAQ:
http://www.hacksrus.com/~ginda/venkman/faq/venkman-faq.html
直接搜索 Venkman 也可以搜索到很多相关的资源。

Firefox + Venkman 是开发 Ajax 应用的一对很好的组合。

Javascript 相关文章推荐
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
May 21 Javascript
利用ES6语法重构React组件详解
Mar 02 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
Angular.JS中指令ng-if的注意事项小结
Jun 21 Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 Javascript
解决vue项目打包后提示图片文件路径错误的问题
Jul 04 Javascript
详解vue 兼容IE报错解决方案
Dec 29 Javascript
详解vue组件中使用路由方法
Feb 12 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
用jQuery简化JavaScript开发分析
Feb 19 #Javascript
Javascript 同时提交多个Web表单的方法
Feb 19 #Javascript
javascript function、指针及内置对象
Feb 19 #Javascript
csdn 批量接受好友邀请
Feb 19 #Javascript
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 #Javascript
JAVASCRIPT IE 与 FF中兼容问题小结
Feb 18 #Javascript
javascript css在IE和Firefox中区别分析
Feb 18 #Javascript
You might like
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
php设计模式之命令模式的应用详解
2013/05/21 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
JavaScript中的逻辑判断符&&、||与!介绍
2014/12/31 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
详解vue.js 开发环境搭建最简单攻略
2017/06/12 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
详谈构造函数加括号与不加括号的区别
2017/10/26 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
Python脚本实现虾米网签到功能
2016/04/12 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
经济管理专业毕业生推荐信
2013/11/11 职场文书
物业管理计划书
2014/01/10 职场文书
面试后的感谢信范文
2014/02/01 职场文书
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
教师党员个人剖析材料
2014/09/29 职场文书
干部职工纪律作风整改措施思想汇报
2014/10/11 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
Python中的套接字编程是什么?
2021/06/21 Python