Posted on 2007-04-06 14:33
itspy 阅读(1986)
评论(4) 编辑 收藏
如果你在JS开发时总是被下面两个问题之一所郁闷:推荐好好试用一下这个工具。(这个工具是一个Firefox插件:FireBug.)
1) JS开发时进行调试时,总是用alert打印出一系列信息来进行代码跟踪,跟踪完了再把其注释。最后发布的时候还要把这些没用的alert删除,并且重构代码时,又要把其注释打开,经常这样添加删除的操作烦死了,一不小心就把一些没用的alert代码发布到正式包中去了。
2) 另外一点郁闷的就是,如果打印alert,还要用手去点击弹出的窗口,要是打印的多,点击的也烦死了,要是有一个向Log4J一样的打印工具就好了。
最近我就发现了一个这样的工具,这个工具的使用十分简单,在附件中提供了一个测试过的例子,从安装插件到演示例子大概只要三分钟。推荐大家尝试一下,直接通过简单的代码让大家看效果,这种方式大家应该会比较Happy。插件的安装也非常简单,在下面马上将会讲到。
这个插件在进行JS开发时功能非常强大了,不仅仅是打印日志。我先介绍其打印日志方面的功能,如果大家有兴趣,我再和大家分享一下,我发现的一些小技巧。
本文最初发表于 http://blog.openj.cn
1) 插件的安装:
需要安装一个Firefox插件,安装时只要把其拖拽到Firefox里面即可。插件网址:http://www.getfirebug.com/。
2) 日志的级别:
安装这个插件之后,你就可以直接使用console.log(“hello felix”)来打印日志了,并且它也像log4j一样支持好几种级别:分别有
console.log("hello felix");
console.warn("this is warn");
console.error("this is error");
console.info("this is info");
上面几种是我觉得常用的几种日志级别,详细的文档可以参考:
http://www.getfirebug.com/console.html
3) 在其它平台要注意的:
如果直接在JS中使用console.log打印日志的话,在IE或者是没有安装Firefox插件时会报错,你只要在你的JS中引入指定的库就可以让其在其它情况下,不打印日志,或者是通过特定的方式显示log。
我在附件中提供的例子就是,如果不安装插件,就相当于注释了这段代码,它不起做用,如果安装了插件,它就打印日志。
示例下载地址:http://www.blogjava.net/Files/itspy/firebug.rar