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 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
理解Javascript_02_理解undefined和null
Oct 11 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
将json转换成struts参数的方法
Nov 08 Javascript
基于jQuery实现选项卡效果
Jan 04 Javascript
vue实现添加标签demo示例代码
Jan 21 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
详解vue身份认证管理和租户管理
May 25 Vue.js
用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
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
2018/05/12 PHP
PHP如何使用JWT做Api接口身份认证的实现
2020/02/03 PHP
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
2015/05/09 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
2016/10/10 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
使用OPENLAYERS3实现点选的方法
2020/09/24 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
基于vue-video-player自定义播放器的方法
2018/03/21 Javascript
jQuery实现的简单获取索引功能示例
2018/06/04 jQuery
webpack+vue-cli项目中引入外部非模块格式js的方法
2018/09/28 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
Python 异常处理的实例详解
2017/09/11 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
python GUI模拟实现计算器
2020/06/22 Python
python tqdm库的使用
2020/11/30 Python
学生就业推荐信
2013/11/13 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
文明寝室标语
2014/06/13 职场文书
学生上课看漫画的检讨书
2014/09/26 职场文书
体育活动总结
2015/02/04 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
捐书仪式主持词
2015/07/04 职场文书