我們測試一下把剛才的4個(gè)輸出作為一個(gè)分組輸出，修改代碼為：
復(fù)制代碼 代碼如下:
console.group('開始分組：');
console.debug('This is console.debug!');
console.info('This is console.info!');
console.warn('This is console.warn!');
console.error('This is console.error!');
console.groupEnd();

刷新頁面看看結(jié)果（圖11-5）。在console.group中，我們還可以加入一個(gè)組標(biāo)題“開始分組：”。如果需要，我們還可以通過嵌套的方式，在組內(nèi)再分組。

圖11-5
有時(shí)候，我們需要寫一個(gè)for循環(huán)列出一個(gè)對象的所有屬性或者某個(gè)HTML Element下的所有節(jié)點(diǎn)，有了firebug后，我們不需要再寫這個(gè)for循環(huán)了，我們只需要使用console.dir(object)或console.dirxml(element)就可以了。
在測試頁中加入代碼測試一下：
復(fù)制代碼 代碼如下:
console.dir(document.getElementById('div1'));
console.dirxml(document.getElementById('div1'));

結(jié)果請看圖11-6和圖11-7。
 
圖11-6

圖11-7
是否想知道代碼的運(yùn)行速度？很簡單，使用console.time和console.timeEnd就可以。
修改一下test函數(shù)的代碼，測試一下運(yùn)行1000次循環(huán)需要多少時(shí)間：
復(fù)制代碼 代碼如下:
function test(){
console.time('test');
for(var i=0;i<1000;i++){
document.getElementById('div2').innerHTML=i;
//console.log('當(dāng)前的參數(shù)是：%d',i);
}
console.timeEnd('test');
}

刷新頁面，單擊“方塊二”，看看結(jié)果（圖11-8）。在這里要注意的是console.time和console.timeEnd里的參數(shù)要一致才會(huì)有正確的輸出，而該參數(shù)就是信息的標(biāo)題。

圖11-8
是否想知道某個(gè)函數(shù)是從哪里調(diào)用的？console..trace可幫助我們進(jìn)行追蹤。在test函數(shù)的結(jié)尾加入：
console.trace();
刷新頁面，單擊“方塊二”，看看結(jié)果（圖11-9）。結(jié)果顯示是在坐標(biāo)（97，187）的鼠標(biāo)單擊事件執(zhí)行了test函數(shù)，而調(diào)用的腳本是在simple.html文件里的第1行。因?yàn)槭窃贖TML里面的事件調(diào)用了test函數(shù)，所以顯示的行號(hào)是第1行。如果是腳本，則會(huì)顯示調(diào)用腳本的行號(hào)，通過單擊可以直接去到調(diào)用行。

圖11-9
如果想在腳本某個(gè)位置設(shè)置斷點(diǎn)，可以在腳本中輸入“debugger”作為一行。當(dāng)腳本執(zhí)行到這一行時(shí)會(huì)停止執(zhí)行等待用戶操作，這時(shí)候可以通過切換到“Script”標(biāo)簽對腳本進(jìn)行調(diào)試。
Firebug還有其它的一些調(diào)試函數(shù)，這里就不一一做介紹，有興趣可以自己測試。表4是所有函數(shù)的列表：

JavaScript技術(shù)：Javascript 調(diào)試?yán)?Firebug使用詳解六，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。