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 相关文章推荐
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
Apr 24 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
JavaScript实战之带收放动画效果的导航菜单
Aug 16 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
学习使用jQuery表单验证插件和日历插件
Feb 13 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
angular4强制刷新视图的方法
Oct 09 Javascript
VUE实现自身整体组件销毁的示例代码
Jan 13 Javascript
浅谈es6中的元编程
Dec 01 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
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
php实现图片缩放功能类
2013/12/18 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
php利用smtp类实现电子邮件发送
2015/10/30 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
Using the TextRange Object
2006/10/14 Javascript
jQuery 浮动广告实现代码
2008/12/25 Javascript
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
JavaScript 面向对象的之私有成员和公开成员
2010/05/04 Javascript
表单元素的submit()方法和onsubmit事件应用概述
2013/02/01 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
jQuery多级弹出菜单插件ZoneMenu
2014/12/18 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
2018/02/21 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
2018/08/04 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
python 示例分享---逻辑推理编程解决八皇后
2014/07/20 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
tensorflow获取变量维度信息
2018/03/10 Python
Django restframework 源码分析之认证详解
2019/02/22 Python
零基础小白多久能学会python
2020/06/22 Python
市场营销工作计划书
2014/05/06 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
教师岗位职责范本
2015/04/02 职场文书
储备店长岗位职责
2015/04/14 职场文书
房租涨价通知
2015/04/23 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
法律意见书范本
2015/06/04 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python