你不知道的console除錯

瀏覽器的開發者工具我們經常用，console.log我們也經常用，但是console還有其它一些方便除錯的命令，我總結了幾個常用的記錄在下面，供以後開發時參考，相信對其他人也有用。

var start = new date();
//執行js
var end = new date();

console.time('執行時間');
//執行js
console.timeend('執行時間');

jquery裡面的$可以很方便的讓我們取得html中的dom元素。其實有乙個好訊息，console原生支援$，也就是說你可以在console裡面直接執行下面的**。(只不過返回的是dom節點而不是jquery物件)

$('body')
$('.title')
$('#haha')

有時我們用$('.class')選取的節點有很多，如果用console.log()輸出的話，會輸出乙個矩陣，不太易讀。這個時候可以用console.table()來進行**化輸出。

console.profile()的用法和console.time()的用法有些類似，不過它生成了乙個profile，裡面有執行時間的各種資訊。這個profile在開發者工具的profile欄裡面，可能有點不太好找，有的瀏覽器需要從開發者工具右上角的點裡面找到profile。

這個命令可以精確的反映每個函式的執行時間，對於頁面效能優化有很大的參考價值。

$_會返回最近一次表示式執行的結果，而$0,$1,$2,$3,$4則表示最近5個選擇過的dom節點。通過點選審查元素，然後在elements裡面選擇dom節點，可以用$0引用到console裡面去。

copy()能把裡面的東西複製進剪下板裡面去。我經常就用copy(document.body)來把body節點的**複製到剪下板裡去。(雖然檢視源**可以達到同樣的效果，但是操作有點麻煩。)