ECMAScriptのconsole APIを見てる

メソッド

console.assert()

検査結果がfalseになる場合に、コンソールへエラーメッセージを出力します。検査結果がtrueの場合には何もしません。

See the Pen  console1 by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果

console.clear()

指定したタイミングでコンソールを消去する。

console.count()

count() を実際に呼び出した回数を記録します。

See the Pen  console cout by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果

console.countReset()

console.count() で使われたカウンターをリセットします。 

console.dir()

指定された JavaScript オブジェクトのプロパティをすべてコンソール上で見る方法です。

See the Pen  console dir by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果

console.group()

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

console.groupCollapsed()

ウェブコンソールに新たなインライングループを作成します。 console.group() とは異なり、新しいグループは折りたたまれた状態で作成されます。

console.groupEnd()

ウェブコンソールで現在のインライングループから出ます

See the Pen  console group by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果

console.error()

エラーメッセージをウェブコンソールに出力します。

console.info()

ウェブコンソールに情報メッセージを出力します。

console.log()

メッセージをウェブコンソールに出力します。

console.trace()

ウェブコンソールにスタックトレースを出力します。

console.warn()

ウェブコンソールに警告メッセージを出力します。

See the Pen  Untitled by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果

console.table()

See the Pen  console table by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果

console.time()

長い処理がどれくらいかかるかを計測することができるタイマーを起動します。同じ名前を引数として console.timeEnd() を呼び出すと、タイマー開始からの経過時間がミリ秒単位で出力されます。

console.timeEnd()

以前 console.time() の呼び出しで開始したタイマーを停止します。

console.timeLog()

See the Pen  console time by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果

コンソール出力の例

第1引数内に「%c」をつけることで、出力にCSSスタイル付けが可能です。

See the Pen  コンソールテキスト出力 by Shigeru Taniguchi (@shigerugu-gu) on CodePen.

結果