メソッド
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.
結果
おすすめブログ
@goo_blog
