Firebug功能異常強大，不僅可以調試DOM,CSS，還可以調試JS代碼，下麵介紹一下調試JS。 console對象是Firebug內置的對象，該對象可以在代碼中寫入，可以在控制面板中寫入。 1）有五個方法來顯示信息。依次為： 1、console.log()，可以用來取代alert()或docum
Firebug功能異常強大，不僅可以調試DOM,CSS，還可以調試JS代碼，下麵介紹一下調試JS。
1、認識console對象
console對象是Firebug內置的對象，該對象可以在代碼中寫入，可以在控制面板中寫入。
1）有五個方法來顯示信息。依次為：
1、console.log()，可以用來取代alert()或document.write()
2、console.info()，一般信息
3、console.debug()，除錯信息
4、console.warn()，警告提示
5、console.error()，錯誤提示
2）經常用的幾個方法：
1、console.group()和console.groupEnd()，用於分組顯示信息，如：
console.group("第一組信息");
console.log("第一組第一條");
console.log("第一組第二條");
console.groupEnd();
console.group("第二組信息");
console.log("第二組第一條");
console.log("第二組第二條");
console.groupEnd();
2、console.dir()可以顯示一個對象所有的屬性和方法。
3、console.dirxml()用來顯示網頁的某個節點(node)所包含的html/xml代碼。比如,先獲取一個表格節點,
var table = document.getElementById("table1");
然後,顯示該節點包含的代碼。
console.dirxml(table);
4、console.assert()用來判斷一個表達式或變數是否為真。如果結果為否,則在控制台輸出一條相應信息,並且拋出一個異常。
5、console.trace()用來追蹤函數的調用軌跡。 如果想知道這個函數是如何被調用的,只需在該函數體中加入console.trace()方法就可以了。
6、console.time()和console.timeEnd(),用來顯示代碼的運行時間。如：
console.time("計時器一");
for(var i=0;i<1000;i++){
for(var j=0;j<1000;j++){}
}
console.timeEnd("計時器一");
7、console.profile()和console.profileEnd(),分析程式各個部分的運行時間,找出瓶頸所在。
2、認識控制面板
如圖所示為firebug的控制面板，左邊為信息顯示區域，右邊為js代碼調試區域，代碼編輯完之後，可以點擊運行，即可在坐左邊顯示出來。
3、js代碼斷點調試
先來認識控制面板，左邊為代碼區域，右邊為監測區域，可以在行號前面單擊添加斷點，再單擊取消斷點，F8為繼續調試，F10為單步跳過，F11為單步進入，shift+F11為單步跳出。
