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() の定義
現行の標準 最初期の定義

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
groupChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 4IE 完全対応 11Opera 完全対応 ありSafari 完全対応 4WebView Android 完全対応 37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報