The console.group()
method creates a new inline group in the Web console log, causing any subsequent console messages to be indented by an additional level, until console.groupEnd()
is called.
Note: This feature is available in Web Workers
The console.group()
method creates a new inline group in the Web console log, causing any subsequent console messages to be indented by an additional level, until console.groupEnd()
is called.
Note: This feature is available in Web Workers
js
group() group(label)
label
Optional
Label for the group.
None (undefined
).
You can use nested groups to help organize your output by visually associating related messages. To create a new nested block, call console.group()
. The console.groupCollapsed()
method is similar, but the new block is collapsed and requires clicking a disclosure button to read it.
To exit the current group, call console.groupEnd()
. For example, given this code:
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");
The output looks like this:
See Using groups in the console in the documentation of console
for more details.
Specification |
---|
Console Standard # group |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
group |
2 | 12 | 9 | 11 | 11 | 4 | 37 | 18 | 9 | 11 | 3.2 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/console/group