JavaScript デバッガーの構成

呼び出しを抑制する

1. Ctrl+Alt+S を押して設定を開き、ビルド、実行、デプロイ | デバッガーに移動します。

2. 外部接続を受け入れ可能または署名されていない要求を許可するのチェックボックスをそれぞれオフにして、他のコンピューターまたは WebStorm の外部からの組み込みサーバー上のファイルへの呼び出しを抑制します。

   

ブレークポイントを削除する方法を選択する

デフォルトでは、マウスの左ボタンをクリックすることでブレークポイントを切り替えることができます。この動作を変更するには、以下の手順に従います。

1. Ctrl+Alt+S を押して設定を開き、ビルド、実行、デプロイ | デバッガーに移動します。

2. ブレークポイントの除去領域で、適切なオプションを選択します。

   

スキップするスクリプトを指定する

デフォルトでは、デバッガーはライブラリスクリプトにのみステップインしません。抑制リストを展開するには、次の手順を実行します。

1. Ctrl+Alt+S を押して設定を開き、ビルド、実行、デプロイ | デバッガー | ステップに移動します。

2. スクリプトにステップインしないチェックボックスを選択し、 と を使用してスキップする URL アドレスを追加します。

   

拡張オプション

• Ctrl+Alt+S を押して設定を開き、ビルド、実行、デプロイ | デバッガー | データビューに移動します。

  インラインデバッグを有効または無効にしたり、オブジェクトの値や式の評価結果を含むツールヒントをいつ表示するかを指定したりします。

  

• Ctrl+Alt+S を押して設定を開き、ビルド、実行、デプロイ | デバッガー | データビューに移動します。

  オブジェクトプロパティをオブジェクトノードに表示するかどうかを指定します。表示する場合は、プロパティを指定します。プロパティのリストを管理するには、 と を使用します。

  

WebStorm で Chrome を設定して、推奨する Chrome ユーザーデータで起動する

1. お好みの Chrome ユーザーデータ(英語)を Chrome のデフォルトのユーザーデータディレクトリ(英語)とは異なる別のカスタムディレクトリ 形式でコンピューターに保存します。

   Chrome 136 以降はデフォルトのユーザーディレクトリでのデバッグをサポートしていないため、お好みのユーザーデータを別のカスタムディレクトリに保存する必要があります。詳しくは Chrome オフィシャル Web サイト(英語)を参照してください。

2. Ctrl+Alt+S を押して設定を開き、ツール | ウェブブラウザーとプレビューを選択します。

3. 新しい Chrome 構成を作成するには、 をクリックします。新しい項目がリストに表示されます。パスフィールドに、Chrome インストールフォルダーへのパスを指定します。

4. 新しい構成を選択し、編集ボタン () をクリックします。

5. Chrome 設定ダイアログで、カスタムユーザーデータディレクトリを使用するチェックボックスを選択し、優先するユーザーデータを含むカスタムディレクトリへのパスを指定します。

   複数のユーザーデータプロファイル(英語)がある場合、それぞれが別々のサブディレクトリに保存されます。プロファイルを使用するには、コマンドラインオプションフィールドで以下のように指定します。

   --profile-directory="<profile_to_use>"

   

6. デフォルトの WebStorm ブラウザーの選択に従って、Chrome ブラウザー構成のデフォルトをマークします。実行 / デバッグ構成の作成の場合は、ブラウザーリストから必要なブラウザーを選択することを忘れないでください。