Javascript的console.log()用法

Firebug & Chrome Console 控制台的一些其他功能
console.log(object[, object, ...])
使用頻率最高的一條語句：向控制台輸出一條消息。支持 C 語言 printf 式的格式化輸出。當然，也可以不使用格式化輸出來達到同樣的目的：

var animal='frog', count=10;
console.log("The %s jumped over %d tall buildings", animal, count);
console.log("The", animal, "jumped over", count, "tall buildings");
console.debug(object[, object, ...])
向控制台輸出一條信息，它包括一個指向該行代碼位置的超鏈接。

console.info(object[, object, ...])
向控制台輸出一條信息，該信息包含一個表示“信息”的圖標，和指向該行代碼位置的超鏈接。

console.warn(object[, object, ...])
同 info。區別是圖標與樣式不同。

console.error(object[, object, ...])
同 info。區別是圖標與樣式不同。error 實際上和 throw new Error() 產生的效果相同，使用該語句時會向瀏覽器拋出一個 js 異常。

console.assert(expression[, object, ...])
斷言，測試一條表達式是否為真，不為真時將拋出異常（斷言失敗）。

console.dir(object)
輸出一個對象的全部屬性（輸出結果類似於 DOM 面板中的樣式）。

console.dirxml(node)
輸出一個 HTML 或者 XML 元素的結構樹，點擊結構樹上面的節點進入到 HTML 面板。

console.trace()
輸出 Javascript 執行時的堆棧追蹤。

console.group(object[, object, ...])
輸出消息的同時打開一個嵌套塊，用以縮進輸出的內容。調用 console.groupEnd() 用以結束這個塊的輸出。

console.groupCollapsed()
同 console.group(); 區別在於嵌套塊默認是收起的。

console.time(name)
計時器，當調用 console.timeEnd(name);並傳遞相同的 name 為參數時，計時停止，並輸出執行兩條語句之間代碼所消耗的時間（毫秒）。

console.profile([title])
與 profileEnd() 結合使用，用來做性能測試，與 console 面板上 profile 按鈕的功能完全相同。

console.count([title])
輸出該行代碼被執行的次數，參數 title 將在輸出時作為輸出結果的前綴使用。

console.clear()
清空控制台

命令行
控制台的輸出面板右邊，是控制台的輸入面板（Chrome 調試工具對應為下方），在這里除了可以運行常規的 javascript 代碼，還內置了相當數量的命令行可以輔助我們的調試工作，下面是一些常用命令行的簡單介紹。

$(id)
返回一個給定 id 的元素。

$$(selector)
返回給定的 css 選擇器匹配到的一組元素。

$x(xpath)
返回給定的 XPath 表達式匹配到的一組元素。

$0
在 HTML 面板中選中的元素。

$1
上一次在 HTML 面板中選中的元素。

$n(index)
訪問最近 5 個被選中過的元素，index 的范圍： 0 – 4。

dir(object)
同 console.dir(object)。

dirxml(node)
同 console.dirxml(node)。

clear()
同 console.clear()。

inspect(object[, tabName])()
在合適的（或一個指定的） tab 中檢視一個對象。

keys(object)
返回一個對象的所有屬性的鍵。

values(object)
返回一個對象的所有屬性的值。

debug(fn)
在函數第一行添加一個斷點，使用 undebug(fn) 移除斷點。

monitor(fn)
開啟一個函數的調用日志，使用 unmonitor(fn) 關閉該功能。非常有用的一個命令，但是它似乎並沒有很好地工作。

monitorEvents(object[, types])
開啟一個元素的某個事件（或所有事件）被觸發時的日志記錄。用例如下：

monitorEvents($0,['click'])
上面的命令行被執行后，將開啟當前在 HTML 面板中被選中元素的 click 事件監控，一旦這個元素的 click 事件被觸發，事件對象將會在控制台輸出。如果不指定第二個參數，將對所有事件進行記錄。

profile([title])
同 console.profile([title])