WebStorm 2018.3ヘルプ

デバッグツールウィンドウ

表示 | ツール・ウィンドウ | デバッグ
Alt+5

このツールウィンドウは、デバッグを開始すると使用可能になります。

アプリケーションのデバッグセッションによって生成された出力が表示されます。複数のアプリケーションをデバッグする場合、各アプリケーションの出力は、対応する実行/デバッグ構成の名前を付けた別のタブに表示されます。

各アプリケーションには、次のネストされたタブがあります。

各エリアには、その動作を設定してタブ間をナビゲートできるコンテキストメニューがあります。

タブとエリアのそれぞれを非表示にしたり、リストアしたり、選択した場所に移動することができます。

デバッグツールバー

項目

ツールチップとショートカット

説明

icons actions restart svg

再実行
Ctrl+F5

現在のアプリケーションを停止してもう一度実行するには、このボタンをクリックします。

icons actions resume svg

デバッグ
F9

現在のアプリケーションが停止したら、このボタンをクリックして再度デバッグします。アプリケーションが実行中の場合、このボタンは icons actions restart svgに切り替わります。

icons actions resume svg

プログラムの再開
F9

アプリケーションが一時停止している場合は、このボタンをクリックしてプログラムの実行を再開します。

icons actions pause svg

プログラムの中断
Ctrl+Pause

プログラムの実行を一時停止するには、このボタンをクリックします。

実行/デバッグ設定:Node.js実行/デバッグ設定:Node.js / Chromeにアタッチする実行/デバッグ構成: NodeUnitではボタンが使用できないことに注意してください。

icons actions suspend svg

停止
Ctrl+F2

標準の shutdown スクリプトを使用して、現在のプロセスを外部で終了するには、このボタンをクリックします。

icons debugger viewBreakpoints svg

ブレークポイントの表示
Ctrl+Shift+F8

このボタンをクリックすると、ブレークポイントの動作を設定できるブレークポイントダイアログが開きます。

icons debugger muteBreakpoints svg

ブレークポイントをミュート

ブレークポイントの状態を切り替えるには、このボタンを使用します。

デバッグツールウィンドウのツールバーで icons debugger muteBreakpoints svg ボタンを押すと、プロジェクト内のすべてのブレークポイントがミュートされ、アイコンが灰色になります( muted breakpoint)。

ブレークポイントで停止せずにプログラムを実行するには、プロジェクト内のすべてのブレークポイントを一時的にミュートすることができます。

icons debugger restoreLayout svg

レイアウトの復元

このボタンをクリックすると、現在のレイアウトの変更を破棄し、デフォルトの状態に戻ります。

icons general gearPlain svg

オプション・メニューの表示

このボタンをクリックすると、次のオプションを使用してメニューが開きます。
  • 値をインラインで表示するインラインデバッグ機能を有効にするには、このオプションを選択します。この機能を使用すると、エディターでの使用の直後に変数の値を表示できます。

  • アルファベット順に値をソートする変数ペインの値をアルファベット順にソートするには、このオプションを選択します。

  • セッション完了時にブレークポイントのミュートを解除:このオプションを選択すると、デバッグセッションが終了した後、すべての無効なブレークポイントが再び有効になります。

icons general pin tab svg

タブをピン留め

現在のタブを固定または固定解除するには、このボタンをクリックします。このウィンドウで最大数のタブに達したときにタブが自動的に閉じないようにするには、タブを固定する必要があります。

ステップツールバー

項目

ツールチップとショートカット

説明

icons debugger showCurrentFrame svg

実行ポイントの表示
Alt+F10

このボタンをクリックすると、エディターで現在の実行ポイントが強調表示され、対応するスタックフレームがフレームペインに表示されます。

icons actions traceOver svg

ステップ・オーバー
F8

このボタンをクリックすると、現在のメソッドまたはファイルの次の行までプログラムが実行され、現在の実行ポイント(存在する場合)で参照されているメソッドはスキップされます。現在の行がメソッド内の最後の行である場合、このメソッドの直後に実行された行へのステップが実行されます。

icons actions traceInto svg

ステップ・イン
F7

デバッガを現在の実行ポイントで呼び出されたメソッドにステップインさせるには、このボタンをクリックします。

icons debugger actions force step into svg

強制的にステップ・イン
Shift+Alt+F7

このメソッドをスキップする場合でも、現在の実行ポイントで呼び出されたメソッドにデバッガをステップインさせるには、このボタンをクリックします。

icons actions stepOut svg

ステップ・アウト
Shift+F8

このボタンをクリックすると、デバッガが現在のメソッドから抜け出し、直後に実行される行に移動します。

icons actions popFrame svg

フレームにドロップ

実行を中断し、メソッド実行の初期点に戻ります。この処理では、現在のメソッドフレームをスタックから削除します。これは、再度見たい臨界点を見逃した場合に関数を再入力すると便利です。

icons actions runToCursor svg

カーソル位置まで実行
Alt+F9

このボタンをクリックすると、プログラム実行を再開し、実行ポイントがエディターの現在のカーソル位置の行に達するまで一時停止します。ブレークポイントは必要ありません。実際には、プログラムの実行が一時停止されると削除されるキャレットの現在の行に一時的なブレークポイントが設定されています。したがって、すでに実行されている行にキャレットが配置されている場合は、前のブレークポイントにロールバックする方法がないため、プログラムはその後の実行のために再開されます。このアクションは、メソッドのシーケンスを詳しく調べて、一度にいくつかのメソッドを終了する必要がある場合に特に便利です。

指定された行に移動する前に実行する必要がある行にブレークポイントが設定されている場合、デバッガは最初に検出されたブレークポイントで一時停止します。

icons debugger evaluateExpression svg

式の評価
Alt+F8

このボタンをクリックすると、式の評価ダイアログが開きます。

ツールバーの非表示/復元

アイコン

ツールチップ

説明

icons actions move to button svg

非表示

デバッグコンソール、監視、フレーム、または変数ペインの右上隅にあるこのボタンをクリックすると、対応する領域が非表示になります。領域が非表示になると、そのアイコンがデバッガの右上隅に表示されます。

icons debugger console

'コンソール' ビューの復元

このボタンをクリックすると、コンソール領域が表示されます。このボタンは、 をicons actions move to button svgクリックすると利用可能になります。

icons debugger frame

'フレーム' ビューの復元

このボタンをクリックすると、フレーム領域が表示されます。このボタンは、 をicons actions move to button svgクリックすると利用可能になります。

icons debugger watches

'監視' ビューの復元

このボタンをクリックすると、監視式領域が表示されます。このボタンは、 をicons actions move to button svgクリックすると利用可能になります。

icons debugger value

'変数' ビューの復元

このボタンをクリックすると、変数領域が表示されます。このボタンは、 をicons actions move to button svgクリックすると利用可能になります。

icons debugger overhead

復元 'オーバーヘッド'ビュー

このボタンをクリックするとオーバーヘッドペインが表示され、デバッグセッションでオーバーヘッドの原因をすばやく検出できます(デバッガのオーバーヘッドを監視するを参照)。

タブとエリアを移動する

デバッグツールウィンドウのデフォルトのレイアウトに不満がある場合は、いつでもタブとエリアを移動できます。それには、タブまたはエリアを目的の場所にドラッグするだけです。可能なターゲットが強調表示されます。

強調表示された場所にタブまたは領域をドロップします。

タブとエリアのデフォルトレイアウトを復元するには、デバッグツールバーの icons debugger restoreLayout svg をクリックします。

タブのコンテキストメニュー

フレーム変数または監視式領域のコンテキストメニューを使用して、これらの領域の動作を設定したり、タブ間を移動したりできます。

項目

説明

非表示

このボタンをクリックすると、対応する領域が非表示になります

その他を閉じる

このボタンをクリックすると、コンソールタブとデバッガタブ以外のすべてのタブが非表示になります。

起動時にフォーカスする

このオプションを選択すると、デバッグセッションを開始すると、選択した領域にフォーカスが移動します。

ブレークポイントにフォーカス

このオプションを選択すると、ブレークポイントに達すると選択した領域にフォーカスが移動します。

次のタブを選択/前のタブを選択
Ctrl+Alt+Right / Ctrl+Alt+Left

これらのオプションを使用して、コンソールタブとデバッガタブを切り替えます。

最終更新日: 2019年1月9日

関連事項

プロシージャー:

リファレンス: