|
3、console.dir和console.dirxml
console.dir可以將一個(gè)對(duì)象的所有方法和屬性打印出來，這個(gè)方法無疑是非常有用的，我們不再需要object.toString這樣的方法支持了，只要有firebug，查看對(duì)象也變得很輕松同時(shí)，我們也可以將頁(yè)面中的元素作為一個(gè)對(duì)象打印出來，但是你要小心，因?yàn)檫@將輸出眾多的信息，可能你會(huì)迷失在繁雜的信息中而找不到自己需要的條目。我們可以通過分組將這些大量的信息放入一個(gè)分組中，這樣可以在邏輯上更清楚一些。
function consoleDir(){
function Car(){
this.Model = "Old Model";
this.getManu = function(){
return "Toyota";
}
}
var objCar = new Car();
console.dir(objCar);
console.dir(zoo);
var groupname = "Css Style";
console.group("The button Style", groupname);
console.dir(document.getElementById('consoledir').style, groupname);
console.groupEnd();
}
console.dirxml 打印出HTML元素的XML表示形式.
4、斷言(console.assert())。
console.assert()可以用來判斷一個(gè)表達(dá)式是否正確，如果錯(cuò)誤，他就會(huì)打印錯(cuò)誤信息在控制臺(tái)窗口中。
5、追蹤(console.trace())。
console.trace()是一個(gè)非常有趣的功能。我們先來看看官方的解釋：打印Javascript執(zhí)行時(shí)刻的堆棧追蹤。
這個(gè)函數(shù)可以打印出程序執(zhí)行時(shí)從起點(diǎn)到終點(diǎn)的路徑信息。
比如如果我們想知道某個(gè)函數(shù)是何時(shí)和如何被執(zhí)行的，我們將console.trace()放在這個(gè)函數(shù)中，我們就能夠的看到這個(gè)函數(shù)被執(zhí)行的路徑。
這個(gè)函數(shù)在調(diào)試其他人的源代碼時(shí)非常有用。
6、計(jì)時(shí)(Timing)。
console.time(timeName)可以用來計(jì)時(shí)，這個(gè)在我們需要知道代碼執(zhí)行效率的時(shí)候特別有用，就不用自己造輪子了。
function consoleTime(){
var timeName = "timer1";
console.time(timeName);
var a = 0;
for(var i = 0; i < 100; i++){
for(var j = 0; j < 100; j++){
// console.log('Hello world');
a = a + 1;
}
}
console.log("a = %d", a);
console.timeEnd(timeName);
}
出處：小狼的世界
責(zé)任編輯：bluehearts
上一頁(yè) Firebug中的console tab使用總結(jié) [1] 下一頁(yè) Firebug中的console tab使用總結(jié) [3]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 2 頁(yè) Firebug中的console tab使用總結(jié) [2]
