| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/en-US/docs/Web/API/console/group_static | [Back] [Original] |
Get to know MDN better
This feature is well established and works across many devices and browser versions. Its been available across browsers since July 2015.
Note: This feature is available in Web Workers.
The console.group() static 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.
console.group()
console.group(label)
label OptionalLabel 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:
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:
[A screenshot of messages nested in the console output.]
See Using groups in the console in the documentation of console for more details.
| Specification |
|---|
| Console # group |
console.groupEnd()console.groupCollapsed()console.group()console.group()console.group()This page was last modified on Jul 4, 2025 by MDN contributors.
Your blueprint for a better internet.
Portions of this content are 19982026 by individual mozilla.org contributors. Content available under a Creative Commons license.
| Web Proxy Viewer | New URL | Original Page |