JavaScript Console 對象

console對象

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()將警告消息輸出到控制臺
丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清