调试JS代码的困扰
时间：2007-08-10 来源：Jedliu
【测试结果】
经过一些测试，对于前段时间找到的关于JS调试的工具进行了使用，发现调试JS代码可以使用：
1、Firefox下面的FireBug可以实现JS代码的调试以及跟踪，使用起来比较简单而且有效，其中提供的一些不错的实用功能都可以在实际的调试过程中起到很大的作用。具体的使用方法，可以参见：http://www.ooso.net/index.php/archives/294
2、IE下面的调试工具，可以使用Office自带的一个Web调试工具，使用起来还行，就是加上断点之后导致页面死掉，而且显示变量的值的方式也不如FireBug那么简洁。具体使用方法，可以搜索：Office web调试
3、FireFox下面的VenkMan调试工具也是很专业的，不过FireBug已经足够我用了，因此也就没有做过多的调试。
4、FireFox下面还有不少的Web开发可能用到的插件，例如Web Developer等，可以直接通过访问FireFox的扩充站点安装使用。
【更新内容：2007-08-23】
最近在项目中难免使用比较多的JS代码，可是却没有相关的调试工具，一旦出错了就很难找到出错的位置，尤其当引用的JS源文件较多而且又掺杂着一些CSS样式属性时。有的时候不得不使用最原始的调试方法——ALERT，有的时候是一个变量的错误，有的时候是一个变量连接时的+号缺少，却不得不花上大量的时间来进行查找。虽然，逐渐的熟悉之后可以很快定位一些基本的错误，但有时却没有那么顺畅，一个比较简单的问题却不得不花上太多的时间来检错，因此总是让人觉得困扰和烦闷。迫切的需要找到相关的JS调试工具。经过搜索，找到一些不错的方法，在这里记下来，还需要放到实际工程中进行测试使用。|
firebug 是一个简单易用但功能不错的js调试工具,可以直接加载在网页上运行,因此可以说是浏览器无关的,ie里的 firebuglite1.0-b1 ，可设断点,有stacktrace,用起很方便。配合web developer起来，确实很方便。 Web Developer这个插件提供了一些附件功能对于进行浏览器端的开发提供很多便捷的功能. 装了Firebug Lite就能在其它浏览器中使用。 另外，如果用Ext类库的话，在IE中使用Ext.debug可以让你体验一下web版的Firebug的感觉 |
|
一般就用IE调试吧,自己加alert()模仿断点. 另外把IE选项里的禁止调试的勾子去掉,去错的时候,浏览器就会问你要不要调试,点"是",就会弹出Visual调试工具,可以到出错的断点,并且观察相应的变量值. MS InterDev 断点测试，最拽的最好用的功能就是能查看当前变量的值。 |
|
页面中js的调试,在前段时间装了一个Microsoft Script Debuger软件,很好用,只要页面程序中js出错,立刻定位到出错行,然后后来随着安装的active控件增多,它就慢慢的不起作用了,引退江湖,终日不见人影. 装上了office的组件中的web脚本设计中的这个组件,ok搞定, 又重新出现,原来Microsoft Script Debuger 是微软97中的产品,现在已经不在维护之列,而装上这个office2003中的组件,功能更强。在Office工具->HTML源文件编辑->web脚本创作->站点调试。 office2003里面，如果安装了web创作，会有一个叫做mse7的可执行程序，用这个调试效果非常好。 Script Debugger for Windows NT 4.0 and Later ： http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&FamilyID=e606e71f-ba7f-471e-a57d-f2216d81ec3d |
|
调是的话不是试试看 Firefox + FireBug + Venkman这个组合,实际上我多数时候用Firefox + FireBug来检测脚本错误,定位非常准确,尽管我都是基于IE做开发比较多这两个插件都可以在google上面检索一下就可以找到。 |
|
Javascript调试器--Venkman 的介绍 http://blog.csdn.net/newould/archive/2006/09/12/1214609.aspx
调试JavaScript最实用的莫过于VenKman,不过到目前为止仍然不支持Firefox1.5,所以升级到1.5后就一直没用 |
|
M$ Visual InterDev、Office 2003 中带的 Script Debugger 都是非常好用的调试工具。如果不愿意花钱买这些工具，还可以使用 Mozilla 开发的 Venkman，调试功能已经非常完善了。说 JS 没有很好的 IDE 是实情，说 JS 没有很好的调试工具简直是天大的笑话。 |
|
推荐一个eclipse插件:aptana 编写css和js和htm的插件 css和js不仅会语法提示，还用图标指示了IE/Firefox适用否可以在Eclipse中使用http://update.aptana.com/update/ |
|
JavaScript代码看起来总是要比Java、C#乱的多，可能是自己还不熟悉JavaScript编程，因此一款优秀的JavaScript调试器就显得格外重要。目前在网络和书上见到最多的有： Microsoft Script Debugger: 集成在IE中的一款很原始的调试工具，具备基本的调试功能，除了可以用于调试客户端脚本，还能调试在Microsoft IIS上运行的服务器端脚本。该工具命令窗口是基于文本的，针对VBScript和IE环境进行调试会更加适用。 Firefox JavaScript Console: 可以记录JavaScript中出现的所有警告和错误，诊断出大多数错误。工具比较简单实用。 Venkman: 一个基于Mozilla的浏览器的JavaScript调试环境，是Mozilla浏览器的一个扩展。Venkman基于Mozilla JavaScript调试API（js/jsd），js/jsd API 构成了 Netscape JavaScript Debugger 1.1的基础，Netscape浏览器4.x系统都提供了这个调试工具。Venkman是目前比较流行的JavaScript调试工具。 |
相关阅读 更多 +
