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() | 將警告消息輸出到控制臺 |