论坛首页 Web前端技术论坛

JavaScript 调试器简介

浏览 55504 次
该帖已经被评为精华帖
作者 正文
   发表时间:2005-06-22  
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 应用的一对很好的组合。
   发表时间:2005-06-22  
最新版的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
2 请登录后投票
   发表时间:2005-06-22  
Spirit Wang 写道
最新版的IntelliJ IDEA 5.0对JavaScript有较好的支持。


你试用了么,你真的试用了么? 太多红杠了,Hani就第一个顶它不顺,原因见他的blog.
0 请登录后投票
   发表时间:2005-06-22  
这些确实是非常有价值的功能。从这些介绍上看,如果他们能做的很好,把他们宣称的功能稳定下来并且逐渐完善,IDEA 不仅填补了一个空白,而且会成为 JS 开发领域的 Killer。
其中 Code formatting 和 Refactoring 是最重要的功能。

IDEA 确实是一个超强的工具,即使花钱购买也是完全值得的。
0 请登录后投票
   发表时间:2005-06-23  
到了EAP3370版,依然见不到改善,语法要求太狭隘,太严格了,随便打开一个js文件或者jsp文件,全是报错,没法用。
   有点强弩之末的感觉,或许应该多点人掏钱买IDEA,然后他再多请点人来开发。
0 请登录后投票
   发表时间:2005-06-27  
dlee写道--“更好用的是 Office 2003 中带的脚本调试器。比 Visual InterDev 更加强大和稳定。这个脚本调试器隐藏的很深,需要仔细在安装目录中找到它。”

请问,这个脚本调试器具体在哪个目录下面?文件名是什么?谢谢
0 请登录后投票
   发表时间:2005-06-27  
C:\Program Files\Microsoft Office\OFFICE11\MSE7.EXE,安装时好象要选中HTML编辑器.
0 请登录后投票
   发表时间:2005-07-13  
NRG JavaScript Editor:

http://www.energybyte.com/products/free%20products/
0 请登录后投票
   发表时间:2005-09-02  
IDEA公司就10个人不到,在布拉格郊区的一个别墅里开发,真是很了不起了.
0 请登录后投票
   发表时间:2005-10-02  
lzqjj 写道
dlee写道--“更好用的是 Office 2003 中带的脚本调试器。比 Visual InterDev 更加强大和稳定。这个脚本调试器隐藏的很深,需要仔细在安装目录中找到它。”

请问,这个脚本调试器具体在哪个目录下面?文件名是什么?谢谢



o2k下是C:\Program Files\Microsoft Visual Studio\Common\IDE\IDE98\mse.exe

必须安装“Office 工具”下的“HTML语言编辑器”

安装后,可以随便开个ms office的什么东东,然后选工具->宏->Microsoft 脚本编辑器,也能打开这个工具
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics