Console對象提供對瀏覽器調(diào)試控制臺的訪問。
控制臺最常用的功能是記錄文本和其他數(shù)據(jù)。
使用日志記錄方法的最簡單方法是輸出字符串:
console.log("Hello world!!!");測試看看?/?您還可以通過在調(diào)用日志記錄方法時簡單列出它們來輸出多個對象,如下所示:
var car = "Scorpio";
var myObject = { str: "Some text", id: 12 };
console.log("My first car was a", car, ". The object is:", myObject);測試看看?/?使用%c指令將CSS樣式應用于控制臺輸出:
console.log("This is %cMy stylish message", "color:white; background-color:black;");測試看看?/?指令前的文本不會受到影響,但是指令后的文本將使用參數(shù)中的CSS聲明進行樣式設置。
此代碼演示了如何使用多個%c指令將CSS樣式應用于控制臺輸出:
console.log("%cThis is %cMy stylish %cmessage",
"color:white; background-color:#4285f4; font-size: 2em;",
"color:#19EE1F; background-color:black; font-size: 2em;",
"color:black; background-color:yellow; font-size: 2em;");測試看看?/?下表列出了Console對象的方法:
| 方法 | 描述 |
|---|---|
| assert() | 如果第一個參數(shù)為false,則記錄消息并堆棧跟蹤到控制臺 |
| clear() | 清除控制臺 |
| count() | 記錄調(diào)用count()的次數(shù) |
| error() | 將錯誤消息輸出到控制臺 |
| group() | 創(chuàng)建一個新的內(nèi)聯(lián)組,將所有后續(xù)輸出縮進到另一個級別。要移出一個級別,調(diào)用groupEnd() |
| groupCollapsed() | 用于設置折疊的分組信息,在這個代碼以下執(zhí)行輸出的信息都會再折疊的分組里。 點擊擴展按鈕打開分組信息。 |
| groupEnd() | 退出當前的內(nèi)聯(lián)組 |
| info() | 將信息性消息輸出到控制臺 |
| log() | 將消息輸出到控制臺 |
| table() | 將表格數(shù)據(jù)顯示為表格 |
| time() | 啟動計時器(可以跟蹤操作需要多長時間) |
| timeEnd() | 停止以前由console.time()啟動的計時器 |
| trace() | 將堆棧跟蹤輸出到控制臺 |
| warn() | 將警告消息輸出到控制臺 |