Console.group()

ウェブコンソールのログに、新たなインライングループを作成します。console.groupEnd() を呼び出すまで、以降のすべての出力のレベルを 1 段階インデントします。

註: この機能は Web Workers 内で利用可能です。

構文

console.group([label]);

引数

label
グループ用のラベル。任意。(Chrome 59 でテスト) console.groupEnd() は動作しません。

コンソール内でのグループの使用

Gecko 9.0 が必要(Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6)

ネストされたグループを使用して関連したメッセージを視覚的に結びつけることで、出力を整理する手助けができます。新しいネストのブロックを作成するには、console.group() を呼び出します。console.groupCollapsed() メソッドは類似していますが、新しいブロックが折りたたまれており、表示するには、展開ボタンをクリックする必要があります。

注記: Gecko 9 から Gecko 51 までは、groupCollapsed() メソッドは、group() と同じでした。折りたたまれたグループは、Gecko 52 から完全にサポートされます。バグ 1088360 をご覧ください。

現在のグループを終了するには、console.groupEnd() を呼び出してください。例えば、以下のようなコードです:

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 のドキュメントで コンソールでグループを使用するセクションをご覧ください。

仕様

仕様書 策定状況 コメント
Console API
console.group() の定義
現行の標準 最初期の定義

ブラウザー実装状況

BCD tables only load in the browser

関連情報