console: group() 靜態方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

注意:此功能在 Web Workers 中可用。

console.group() 靜態方法會在 Web 控制檯日誌中建立一個新的內聯組,導致任何後續的控制檯訊息都縮排一個額外級別,直到呼叫 console.groupEnd()

語法

js
console.group()
console.group(label)

引數

label 可選

組的標籤。

返回值

無(undefined)。

示例

您可以使用巢狀組透過視覺關聯相關訊息來幫助組織輸出。要建立新的巢狀塊,請呼叫 console.group()console.groupCollapsed() 方法類似,但新塊是摺疊的,需要點選一個展開按鈕才能閱讀。

要退出當前組,請呼叫 console.groupEnd()。例如,給定以下程式碼

js
console.log("This is the outer level");
console.group();
console.log("Level 2");
console.group();
console.log("Level 3");
console.warn("More of level 3");
console.groupEnd();
console.log("Back to level 2");
console.groupEnd();
console.log("Back to the outer level");

輸出如下所示

A screenshot of messages nested in the console output.

有關更多詳細資訊,請參閱 console 文件中的“在控制檯中使用的組”。

規範

規範
控制檯
# group

瀏覽器相容性

另見