Posted on 2007-04-06 14:33
itspy 閱讀(2005)
評論(4) 編輯 收藏
如果你在JS開發(fā)時總是被下面兩個問題之一所郁悶：推薦好好試用一下這個工具。（這個工具是一個Firefox插件：FireBug.）
1) JS開發(fā)時進行調(diào)試時，總是用alert打印出一系列信息來進行代碼跟蹤，跟蹤完了再把其注釋。最后發(fā)布的時候還要把這些沒用的alert刪除，并且重構(gòu)代碼時，又要把其注釋打開，經(jīng)常這樣添加刪除的操作煩死了，一不小心就把一些沒用的alert代碼發(fā)布到正式包中去了。
2) 另外一點郁悶的就是，如果打印alert，還要用手去點擊彈出的窗口，要是打印的多，點擊的也煩死了，要是有一個向Log4J一樣的打印工具就好了。
最近我就發(fā)現(xiàn)了一個這樣的工具，這個工具的使用十分簡單，在附件中提供了一個測試過的例子，從安裝插件到演示例子大概只要三分鐘。推薦大家嘗試一下，直接通過簡單的代碼讓大家看效果，這種方式大家應(yīng)該會比較Happy。插件的安裝也非常簡單，在下面馬上將會講到。
這個插件在進行JS開發(fā)時功能非常強大了，不僅僅是打印日志。我先介紹其打印日志方面的功能，如果大家有興趣，我再和大家分享一下，我發(fā)現(xiàn)的一些小技巧。
本文最初發(fā)表于 http://blog.openj.cn
1） 插件的安裝：
需要安裝一個Firefox插件，安裝時只要把其拖拽到Firefox里面即可。插件網(wǎng)址：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。
我在附件中提供的例子就是，如果不安裝插件，就相當(dāng)于注釋了這段代碼，它不起做用，如果安裝了插件，它就打印日志。
示例下載地址：http://www.aygfsteel.com/Files/itspy/firebug.rar