対話型デバッガーコンソール
対話式の コンソール ペインには、スタックトレースと、コードにログインしたすべてのものが表示されます（たとえば、 console.* を使用）。
コンソール ペインも read-eval-print ループ （REPL ）なので、そこに JavaScript コードスニペットを実行して、現在デバッグしているページと対話できます。
コンソールで JavaScript を実行する
入力フィールドに
戻り値のラップダイアログでステートメントの入力を始めます。 タイプするにつれて、IntelliJ IDEA は完成のための異形を提案します。該当する明細を選択して Enter を押します。 IntelliJ IDEA はその値をコンソールに表示します。
IntelliJ IDEA はオブジェクトのプレビューを表示するため、展開する必要はありません。 オブジェクトを展開すると、そのオブジェクトのプロパティの概要のみが表示され、
__proto__の内容はデフォルトで非表示になります。
ソースコードに移動する
console.*の出力を含む各行に、IntelliJ IDEA はファイルの名前とそれが呼び出された行を表示します。 このリンクをクリックすると、ソースコード内の呼び出しに移動します。
コンソール はスタックトレースも表示します。 報告された問題の横にあるリンクをクリックすると、この問題が発生したコード行に移動します。
メッセージを除外する
コンソール タブでは、オブジェクトがツリービューで表示され、デフォルトではスタックトレースが折りたたまれています。 警告 console.warn() 、エラー console.error() 、情報 console.info() メッセージには、わかりやすくするために異なるアイコンと背景色があります。
特定の種類のログメッセージを非表示にするには、
をクリックして、除外する重大度を選択します。
グループメッセージ
console.group()とconsole.groupEnd()を使用してグループ化されたログメッセージはツリーとして表示されます。 デフォルトで折りたたまれた出力を表示するには、console.groupCollapsed()を使います。
CSS スタイルを適用する
ログメッセージにスタイルを適用するには、CSS と
%cマーカーを使用します。
詳細は、 CSS を使用したコンソール出力のスタイル(英語)を参照してください。