基礎操作

打開控制檯

1. 使用Ctrl+Shift+J 快捷命令打開控制檯
   
2. 清空控制檯歷史消息
3. shell 提示符中輸入 clear() 命令行 API。
4. 在 Javascript 中執行 console.clear() 調用控制檯 API。
5. 使用鍵盤快捷鍵Ctrl + L。
6. 測試控制檯
7. 控制檯內使用Shift+Ent進行換行編輯
   
8. 選擇幀
   控制檯可以在頁面的不同幀中運行。主頁是文檔的最外層幀。以 iframe 元素爲例，它將會創造出它自己的上下文框架。你也可以通過使用在過濾按鈕旁邊的下拉框來指定這個幀。
   

使用控制檯 API

向控制檯輸出

console.log() 方法會使用一個或者多個表達式來作爲參數，之後會將他們當前的值輸出到控制檯中

錯誤和警告

錯誤和警告就跟一般的日誌信息的顯示一樣。不同的地方在於 error() 和 warn() 通過它們自己樣式來吸引注意力。
console.error() 方法展示的是一個紅色的圖標並且伴有紅色的信息文字。
console.warn() 方法展示的是黃色的圖標和黃色的信息文字。

1. 使用控制檯 error 方法。
   
2. 使用控制檯 warn方法。
   

斷言

console.assert() 方法僅僅只當它的第一個參數爲 false 時,才顯示一個錯誤信息字符串（它的第二個參數）
在下面的代碼中，如果在列表中的子節點的數量超過 5，將會在控制檯中引起錯誤信息。

過濾控制檯的輸出

輸出分組

你可以通過分組命令把相關聯的輸出信息分在一起。group 命令通過一個字符串的參數來給你的組命名。控制檯將會把所有所有的輸出信息組合到一塊。要結束分組，你只需要調用 groupEnd 即可。

瀏覽結構化數據

table() 方法提供一個簡單的方法來查看相似數據對象。這將給一個數據提供屬性並且創建一個頭。行數據將會從每一個索引屬性值中獲取。
table() 中的第二個參數是可選項。你可以定義任何你想顯示的屬性字符串數組。

字符串的替換和格式化

將 DOM 元素格式化成 JavaScript 對象

計算時間開銷

在 JavaScript 中設置斷點

調試器 聲明將會開啓一個調試會話。這就相當於在這一行中的腳本上設置一個斷點。
使用 brightness() 開啓調試會話。

記錄語句的執行

count() 方法將會記錄提供的字符串以及該字符串在一段時間內的出現次數。這個字符串可能含有動態的內容。當已經傳給 count() 一個完全相同的字符串時，計數就會增加。

選擇元素

有一些選擇元素的快捷鍵。相比普通的使用方式，這些快捷鍵爲你節省了大量時間。

設置