jsコンソール出力方法（詳細説明）

console.log(object[, object, ...])

コンソールにメッセージを出力します。複数のパラメータがある場合、出力時にこれらのパラメータはスペースで区切られます。

最初のパラメーターは、書式設定されたプレースホルダー出力を含む文字列にすることができます。例:

console.log("The %s Jumped over %d height Buildings", anime, count);

上記の例は、次のように置き換えることができます。次の未フォーマットのプレースホルダー出力コード:

console.log("The", Animal, "jumped over", count, "tall Buildings");

そして、これら 2 つの方法を組み合わせて使用​​することも可能です。書式設定のプレースホルダーが使用されており、指定されたパラメーターの数がプレースホルダーの数を超えている場合、追加のパラメーターは次のように文字列の末尾にスペースで区切られて追加されます。

console.log ("I am %s と次のものがあります:", myName, thing1, thing2, thing3);

パラメーターが Javascript オブジェクトの場合、コンソールの出力は静的テキストではなく、対話型のハイパーリンクになります。ハイパーリンクをクリックすると、HTML が表示されます。 、CSS、スクリプト、およびオブジェクトの DOM ウィンドウで、書式設定文字列 %o を使用して Javascript オブジェクトを置き換えることができます。

console.log("Body tag is %o", document.body);

フォーマットされた文字列リスト:

console.debug(object[, object, ...])

at コンソールコードが呼び出された場所へのハイパーリンクを含むメッセージを出力します。このコマンドをコンソールに直接入力すると、ハイパーリンクは表示されません (console.log() と同じ)。

console.info(object[, object, ...])

「情報」アイコンとコードが呼び出された場所へのハイパーリンクを含むメッセージをコンソールに出力します。

console.warn(object[, object, ...])

「警告」アイコンとコードが呼び出される場所へのハイパーリンクを含むメッセージをコンソールに出力します。

console.error(object[, object, ...])

「エラー」アイコンとコードが呼び出された場所へのハイパーリンクを含むメッセージをコンソールに出力します。

console.assert(expression[, object, ...])

式expressionがtrueかどうかをテストします。 true でない場合、メッセージがコンソールに書き込まれ、例外がスローされます。

console.dir(object)

を表示する場合と少し似ています。 DOM ウィンドウ。

console.dirxml(node)

HTMLまたはXML要素のXMLソースコードを出力します。 HTML ウィンドウに表示されるものと同様です。

console.trace()

呼び出された時点での JavaScript 実行の対話型スタック トレースを出力します。

スタック トレースには、スタック上の関数と引数として渡された値の詳細が表示されます各関数をクリックして [スクリプト] タブのソースに移動し、各引数の値をクリックして DOM または HTML タブで検査できます。

console.group(object[, object, ...] )

メッセージを出力してネストされたブロックを開くと、ブロック内のコンテンツがインデントされます。 console.groupEnd() を呼び出してブロックを閉じます。このコマンドはネストすることができます。

console.groupEnd()

console.group によって開かれた最後のブロックを閉じます。

console.time(name)

nameという名前のタイマーを作成し、console.timeEnd(name)を呼び出してタイマーを停止し、経過時間(ミリ秒)を出力します。

console.timeEnd(nam)