プログラムのステップスルー
ステップは、プログラムの段階的な実行を制御するプロセスです。
デバッグセッションを開始し、プログラムを一時停止すると、WebStorm は一連のステップアクションを提供します。ステップアクションの選択は、次の行に直接移動する必要があるか、中間のメソッド呼び出しもインスペクションする必要があるかなど、戦略によって異なります。
ステップ実行ボタンはデバッグツールウィンドウのツールバーにあります。 メニューから、その他のステップ実行アクションにアクセスできます。

ステップオーバー
現在のコード行をステップオーバーし、ハイライトされた行にメソッド呼び出しが含まれている場合でも、次の行に移動します。メソッドの実装はスキップされ、呼び出し元メソッドの次の行に直接移動します。
この例では、22 行目が実行されようとしています。ステップオーバーすると、デバッガーは print_chart() メソッドにアクセスせずに 23 行目に直接移動します。

スキップされたメソッド内にブレークポイントがある場合、デバッガーはそれらで停止します。

途中でブレークポイントをスキップするには、強制ステップオーバー Alt+Shift+F8 を使用します。

ステップイン
呼び出された関数のコード内のステップ。
この例では、22 行目が実行されようとしています。ステップインすると、デバッガーは print_chart() メソッドの実装に入り、その結果がどのように生成されるかを詳細に調べることができます。

回線上に複数のメソッド呼び出しがある場合、WebStorm は入力するメソッドを確認します。この機能はスマートステップインと呼ばれます。

デフォルトでは、複数のメソッド呼び出しがある行でステップイン F7 を呼び出すたびに、スマートステップインが自動的に使用されます。自動スマートステップインをオフにし、ステップインおよびステップアウトボタンを使用して、呼び出される各メソッドを呼び出される順序で入力することができます。

一部のスクリプトは、通常はデバッグする必要がないため、ステップインによってスキップされます。
スクリプトへのステップインを抑制する
設定ダイアログ(Ctrl+Alt+S)で、に移動します。デバッガー: ステップページが開きます。
自動スマートステップインを抑制するには、常にスマートステップインするチェックボックスをオフにします。
すべてのライブラリスクリプトをスキップするには、ライブラリスクリプトにステップインしないチェックボックスを選択します。以下の例を参照してください。
特定のスクリプトへのステップ実行を抑止するには、スクリプトにステップインしないチェックボックスを選択し、ツールバーのボタンを使用してスクリプトのリストを作成します。
スマートステップイン
スマートステップインは、1 行に複数のメソッド呼び出しがあり、どのメソッドに入るかについて具体的に知りたい場合に役立ちます。この機能により、目的のメソッド呼び出しを選択できます。
Tab を使用してメソッド呼び出しを切り替え、Enter を押してステップインするメソッドを選択します。

デフォルトでは、複数のメソッド呼び出しがある行でステップインを呼び出すたびに、スマートステップインが自動的に使用されます。
自動スマートステップインを抑制するには、設定ダイアログ (Ctrl+Alt+S) を開き、に移動して、常にスマートステップインするチェックボックスをオフにします。
その後、デバッグツールウィンドウのツールバーに アイコンが表示されます。このアイコンをクリックするか、Shift+F7 を押して、スマートステップインを手動で呼び出します。

ステップアウト
現在のメソッドから抜け出し、その呼び出しに移動します。
この例では、ステップアウトするとループのすべての反復がスキップされ、呼び出しにすぐに戻ります。

カーソル位置まで実行
キャレットの位置に達するまで実行を継続します。
プログラムを一時停止したい行にキャレットを置き、
メニューからカーソル位置まで実行を選択するか、Alt+F9 を押します。

実行先の行の隣のガターの上にカーソルを置き、
をクリックします。

この例では、カーソル位置まで実行は実行を継続し、ブレークポイントがあるかのように 23 行目で停止します。

print_chart() メソッドにブレークポイントがある場合、プログラムはそこで中断されます。

途中でブレークポイントをスキップするには、カーソル位置まで強制実行を使用します。
強制ステップイン
このメソッドが通常のステップインによってスキップされた場合でも、メソッドのステップ。
Alt+Shift+F7 を押します。
ツールバーの
をクリックして、リストから強制ステップインを選択します。

ツールバーの
をクリックします。
デバッガーツールバーに
を追加するには、ツールバーを右クリックし、コンテキストメニューからデバッガーツールバーに追加を選択して、リストから強制ステップインを選択します。

に移動します。
サンプル
以下の例では、デバッガーは 4 行目の通常のステップインを使用してライブラリメソッド console.log() をスキップしますが、10 行目の強制ステップインを使用してこのメソッドに入ります。

カーソル位置まで強制実行
キャレットの位置に到達するまで処刑を続行するを実行します。途中のブレークポイントはすべて無視されます。
プログラムを一時停止する行にキャレットを置きます。
メニューからカーソル位置まで強制実行を選択するか、Ctrl+Alt+F9 を押します。
この例では、カーソル位置まで強制実行は実行を継続し、ブレークポイントがあったかのように 24 行目で停止します。print_chart() 内のブレークポイントは効果がありません。

強制ステップオーバー
ブレークポイントが設定されているメソッドの呼び出しで行をステップオーバーします。ブレークポイントは無視されます。
この例では、print_chart() メソッドにブレークポイントがあるにもかかわらず、強制ステップオーバーによって 22 行目の print ステートメントに移動します。そうでない場合、ステップオーバーを使用すると、ループのすべての反復でアプリケーションが一時停止されます。

関連ページ:
デバッガーセッションを開始する
デバッガーセッションは実行 / デバッグ構成に基づいています。構成タイプは、アプリケーションのタイプとランタイム環境によって異なります。一度に異なる設定で複数のデバッガーセッションを実行できます。構成を通じて、アプリケーションを起動するだけでなく、アプリケーションが起動する前に、WebStorm にいくつかのパラメーターを使用したり、いくつかのアクションを実行したりするように指示することもできます。例:Node.js 固有のコマンドラインオプションを Node.js 実行可能ファイルに渡すことが...
ブレークポイント
ブレークポイントは、特定のポイントでプログラムの実行を一時停止する特別なマーカーです。これにより、プログラムの状態と動作を調べることができます。ブレークポイントは、たとえば、特定のコード行に到達したときにプログラムを一時停止するなどの単純なものから、追加の条件をチェックしたり、ログに書き込んだりするなどのより複雑なロジックを含むものまであります。ブレークポイントは、一度設定すると、一時的なブレークポイントを除き、明示的に削除するまでプロジェクト内に残ります。ブレークポイントの種類:WebSto
中断されたプログラムを調べる
デバッガーセッションが開始されると、デバッグツールウィンドウが表示され、ブレークポイントに到達するか、プログラムを手動で一時停止するまで、プログラムは正常に実行されます。その後、プログラムは中断され、現在の状態を調べたり、実行を制御したり、実行時にさまざまなシナリオをテストしたりできます。コールスタックを調べる:プログラムが一時停止されると、この時点に到達したコールスタックがフレームペインに表示されます。マルチプロセス Node.js アプリケーションまたはサービスワーカーをデバッグしていると...
デバッグツールウィンドウ
デバッガーセッションを開始すると、デバッグツールウィンドウが開きます。このウィンドウを使用して、デバッガーセッションを制御し、プログラムデータ (フレーム、スレッド、変数など) を表示および分析し、デバッガーアクションを実行します。デフォルトでは、プログラムがブレークポイントに到達したときにデバッグツールウィンドウが開き、セッションが終了しても非表示になりません。この動作を変更するには、ビルド、実行、デプロイ | デバッガー設定ページに移動し、ブレークポイントでデバッグウィンドウを表示するチェ...
デバッガー: ステップ
このページを使用して、デバッグのステップ速度を向上させ、ステップ実行中にスキップする要素を指定します。常にスマートステップインするデフォルトでは、このチェックボックスが選択されており、複数のメソッド呼び出しを含む行でステップインを呼び出すと、スマートステップインが自動的に呼び出されます。その後、ステップインする呼び出しを選択できます。このチェックボックスがオフの場合、ステップインまたはスマートステップインのいずれかを選択できます。詳細については、ステップインおよびスマートステップインを参照してく...