JavaScript 调试器简介

 更新时间:2009年02月21日 03:40:48   作者:  
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 应用的一对很好的组合。

相关文章

  • Bootstrap缩略图与警告框学习使用

    Bootstrap缩略图与警告框学习使用

    这篇文章主要为大家详细介绍了Bootstrap缩略图与警告框学习使用的相关资料,希望通过这篇文章和大家更多的去学习Bootstrap缩略图与警告框,从中得到收获
    2017-02-02
  • 纯js实现无限空间大小的本地存储

    纯js实现无限空间大小的本地存储

    这篇文章主要介绍了纯js实现无限空间大小的本地存储的功能,源码和demo都放给大家,本文着重说下实现的原理,具体的实践扩展小伙伴们自由发挥吧。
    2015-06-06
  • JavaScript canvas动画实现时钟效果

    JavaScript canvas动画实现时钟效果

    这篇文章主要为大家详细介绍了JavaScript canvas动画实现时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • 使用JavaScript解决网页图片拉伸问题(推荐)

    使用JavaScript解决网页图片拉伸问题(推荐)

    本文给大家介绍使用javascript解决网页图片拉伸问题,本文给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-11-11
  • js带缩略图的图片轮播效果代码分享

    js带缩略图的图片轮播效果代码分享

    这篇文章主要介绍了js带缩略图的图片轮播效果,图片轮播效果特别适合做产品展示,感兴趣的小伙伴可以参考下。
    2015-09-09
  • javascript中一些util方法汇总

    javascript中一些util方法汇总

    Util.js文件包含了一些工具函数,来帮助人们使用JavaScript数据(例如从服务器返回的数据)来更新Web页面。有需要的小伙伴可以参考下
    2015-06-06
  • Javascript中call与apply的学习笔记

    Javascript中call与apply的学习笔记

    经常看到这俩哥们,看来看去都是讲他们的区别,一直没搞太清楚作用究竟是什么,现在记录下自己理解,有错的话希望指出!
    2014-09-09
  • 微信小程序实战之上拉(分页加载)效果(2)

    微信小程序实战之上拉(分页加载)效果(2)

    这篇文章主要介绍了微信小程序实战之上拉加载、分页加载效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • javascript四舍五入函数代码分享(保留后几位)

    javascript四舍五入函数代码分享(保留后几位)

    这篇文章主要介绍了javascript四舍五入函数分享,大家参考使用吧
    2013-12-12
  • Bootstrap按钮功能之查询按钮和重置按钮

    Bootstrap按钮功能之查询按钮和重置按钮

    一般情况下,查询列表有查询条件、查询按钮和重置按钮,输入查询条件,点击查询按钮查询列表等数据;点击重置按钮会将查询条件恢复到原始状态。接下来通过本文给大家介绍bootstrap实现查询按钮和重置按钮的方法,一起看看吧
    2016-10-10

最新评论