JavaScript 调试器简介

JavaScript
调试器其实有很多。当然这些仅仅是调试器而已，与流行的 Java IDE
是没有办法相提并论的。但是仅从调试的角度来说，这些调试器的功能是完全够用的。其实我更需要的不是一个 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 应用的一对很好的组合。

08:50 | 永久链接 | 浏览 (13003) | 评论 (12) | 收藏 | 进入论坛 |

永久链接

http://dlee.javaeye.com/blog/14031

评论[/b] 共 12 条

发表评论

Spirit Wang

2005-06-22 10:38

最新版的IntelliJ IDEA 5.0对JavaScript有较好的支持。只是IDEA不是免费的！

IntelliJ IDEA 5.0 is the first IDE to provide serious support for
Javascript, introducing many of the useful features Java developers
have become accustomed to.

* Code completion for JavaScript keywords, variables, parameters
and functions, including completion in HTML event handlers, etc.

* IntelliJ IDEA New Features

* Syntax and error highlighting, including on-the-fly validation

* IntelliJ IDEA New Features

* Find/highlight usages

* Code folding

* Code formatting

* Structure view

* Refactoring:

o Rename file, function, variable, parameter, etc. (both directly and via references within HTML)

o Move/Copy file

o Safe Delete file

o Extract inlined script from HTML into a JS file

* Goto declaration (Ctrl + B)

* Surround with

Detail information,pls see: http://www.jetbrains.com/idea/features/newfeatures.html#js