console - コンソール

2017/10/05

consoleは、開発者ツールで、ログを記録したり、オブジェクトの内容を確認したりするための機能です。

概要

名前

console

IDL

[Exposed=(Window,Worker,Worklet)]
namespace console { // but see namespace object requirements below
  // Logging
  void assert(optional boolean condition = false, any... data);
  void clear();
  void count(optional DOMString label = "default");
  void debug(any... data);
  void error(any... data);
  void info(any... data);
  void log(any... data);
  void table(any tabularData, optional sequence<DOMString> properties);
  void trace(any... data);
  void warn(any... data);
  void dir(any item, optional object? options);
  void dirxml(any... data);

  // Grouping
  void group(any... data);
  void groupCollapsed(any... data);
  void groupEnd();

  // Timing
  void time(optional DOMString label = "default");
  void timeEnd(optional DOMString label = "default");
};

仕様書

https://console.spec.whatwg.org/#namespacedef-console

チュートリアル

下記のように実行すると、ログが開発者ツールのコンソールに反映されます。

console.log( "hoge" ) ;

コンストラクタ

コンストラクタはありません。

プロパティ

固有のプロパティはありません。

メソッド

assert()

条件付きでエラーメッセージを出力します。

clear()

出力されている全てのログを削除します。

count()

引数の値が呼び出された回数を出力します。

debug()

デバッグとしてのログを出力します。

dir()

オブジェクトの内容をJSONツリー形式で表現したものを出力します。

dirxml()

要素の内容をHTMLマークアップ形式で表現したものを出力します。

error()

エラーとしてのログを出力します。

group()

新しくグループ分けを開始するメソッドです。

groupCollapsed()

新しくグループ分けを折り畳んで開始するメソッドです。

groupEnd()

グループ分けを終了するメソッドです。

info()

インフォメーションとしてのログを出力します。

log()

ログを出力します。

table()

オブジェクトの内容を表形式で表現したものを出力します。

time()

タイマーを開始します。

timeEnd()

タイマーを終了するメソッドです。

trace()

スタックトレースを出力するメソッドです。

warn()

警告としてのログを出力します。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

Features	Chrome	Firefox	Safari	Edge	IE	Opera	iOS Safari	Android
console	確認中	確認中	確認中	確認中	確認中	確認中	確認中	確認中
assert()	●	● 28+	●	●	● 10+	●	●	●
clear()	● 25+	● 39+	● 7.1+	●	● 10+	● 12+	● 7.0+	● 4.4+
count()	●	● 30+	●	●	● 11+	●	●	●
debug()	●	● 5+	●	●	● 11+	●	●	●
dir()	●	● 8+	●	●	● 10+	●	●	●
dirxml()	●	● 39+	●	●	● 11+	●	●	●
error()	●	●	●	●	● 10+	●	●	●
group()	●	● 9+	●	●	● 11+	●	●	●
groupCollapsed()	●	● 9+	● 5.1+	●	● 11+	●	●	● 4.0+
groupEnd()	●	● 9+	●	●	● 11+	●	●	●
info()	●	●	●	●	● 10+	●	●	●
log()	●	●	●	●	● 10+	●	●	●
table()	● 27+	● 34+	● 7.1+	●	×	●	● 7.0+	● 4.4+
time()	●	● 10+	●	●	● 11+	●	●	●
timeEnd()	●	● 10+	●	●	● 11+	●	●	●
trace()	●	● 6+	●	●	● 11+	●	●	●
warn()	●	●	●	●	● 10+	●	●	●