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 相关文章推荐
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
jQuery中find()方法用法实例
Jan 07 Javascript
readonly和disabled属性的区别
Jul 26 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
react native带索引的城市列表组件的实例代码
Aug 08 Javascript
深入浅析javascript函数中with
Oct 28 Javascript
vue+element实现表格新增、编辑、删除功能
May 28 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
JavaScript实现省市区三级联动
Feb 13 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 Javascript
用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
PHPMailer邮件发送的实现代码
2013/05/04 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
Js的MessageBox
2006/12/03 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
浅析Node.js 中 Stream API 的使用
2015/10/23 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
vue做网页开场视频的实例代码
2017/10/20 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
tensorflow1.0学习之模型的保存与恢复(Saver)
2018/04/23 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
Python 实现自动导入缺失的库
2019/10/29 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
python中如何写类
2020/06/29 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
乌克兰数字设备、配件和智能技术的连锁商店:KTC
2020/08/18 全球购物
北京麒麟网信息技术有限公司网络游戏测试面试题
2013/09/28 面试题
北大青鸟学生求职信
2013/09/24 职场文书
卫生安全检查制度
2014/02/04 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
学习保证书
2015/01/17 职场文书
灵山大佛导游词
2015/02/04 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
致运动员加油稿
2015/07/21 职场文书
apache基于端口创建虚拟主机的示例
2021/04/22 Servers
Redis Cluster 集群搭建你会吗
2021/08/04 Redis
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js
node快速搭建后台的实现步骤
2022/02/18 NodeJs