Posted on 2007-04-06 14:33
itspy 閱讀(2000)
評(píng)論(4) 編輯 收藏
如果你在JS開發(fā)時(shí)總是被下面兩個(gè)問題之一所郁悶：推薦好好試用一下這個(gè)工具。（這個(gè)工具是一個(gè)Firefox插件：FireBug.）
1) JS開發(fā)時(shí)進(jìn)行調(diào)試時(shí)，總是用alert打印出一系列信息來進(jìn)行代碼跟蹤，跟蹤完了再把其注釋。最后發(fā)布的時(shí)候還要把這些沒用的alert刪除，并且重構(gòu)代碼時(shí)，又要把其注釋打開，經(jīng)常這樣添加刪除的操作煩死了，一不小心就把一些沒用的alert代碼發(fā)布到正式包中去了。
2) 另外一點(diǎn)郁悶的就是，如果打印alert，還要用手去點(diǎn)擊彈出的窗口，要是打印的多，點(diǎn)擊的也煩死了，要是有一個(gè)向Log4J一樣的打印工具就好了。
最近我就發(fā)現(xiàn)了一個(gè)這樣的工具，這個(gè)工具的使用十分簡單，在附件中提供了一個(gè)測試過的例子，從安裝插件到演示例子大概只要三分鐘。推薦大家嘗試一下，直接通過簡單的代碼讓大家看效果，這種方式大家應(yīng)該會(huì)比較Happy。插件的安裝也非常簡單，在下面馬上將會(huì)講到。
這個(gè)插件在進(jìn)行JS開發(fā)時(shí)功能非常強(qiáng)大了，不僅僅是打印日志。我先介紹其打印日志方面的功能，如果大家有興趣，我再和大家分享一下，我發(fā)現(xiàn)的一些小技巧。
本文最初發(fā)表于 http://blog.openj.cn
1） 插件的安裝：
需要安裝一個(gè)Firefox插件，安裝時(shí)只要把其拖拽到Firefox里面即可。插件網(wǎng)址：http://www.getfirebug.com/。
2） 日志的級(jí)別：
安裝這個(gè)插件之后，你就可以直接使用console.log(“hello felix”)來打印日志了，并且它也像log4j一樣支持好幾種級(jí)別：分別有
console.log("hello felix");
console.warn("this is warn");
console.error("this is error");
console.info("this is info");
上面幾種是我覺得常用的幾種日志級(jí)別，詳細(xì)的文檔可以參考：
http://www.getfirebug.com/console.html
3） 在其它平臺(tái)要注意的：
如果直接在JS中使用console.log打印日志的話，在IE或者是沒有安裝Firefox插件時(shí)會(huì)報(bào)錯(cuò)，你只要在你的JS中引入指定的庫就可以讓其在其它情況下，不打印日志，或者是通過特定的方式顯示log。
我在附件中提供的例子就是，如果不安裝插件，就相當(dāng)于注釋了這段代碼，它不起做用，如果安裝了插件，它就打印日志。
示例下載地址：http://m.tkk7.com/Files/itspy/firebug.rar