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 相关文章推荐
js鼠标左右键 键盘值小结
Jun 11 Javascript
Javascript浅谈之this
Dec 17 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
JavaScript内存泄漏的处理方式
Nov 20 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
Vue学习之常用指令实例详解
Jan 06 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
Terran建筑一览
2020/03/14 星际争霸
PHP编程中字符串处理的5个技巧小结
2007/11/13 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
学习YUI.Ext第五日--做拖放Darg&Drop
2007/03/10 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
2020/12/07 Vue.js
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
Python中遍历字典过程中更改元素导致异常的解决方法
2016/05/12 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
基于HTML5 Canvas 实现商场监控实例详解
2017/11/20 HTML / CSS
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
医院办公室主任职责
2013/12/29 职场文书
应聘面试自我评价
2014/01/24 职场文书
心理学专业大学生职业生涯规划范文
2014/02/19 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
村道德模范事迹材料
2014/08/28 职场文书
殡葬服务心得体会
2014/09/11 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
优秀党员申报材料
2014/12/18 职场文书
初中家长评语大全
2014/12/26 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
煤矿百日安全活动总结
2015/05/07 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL