Webアプリケーションをデバッグします。WebStormは、内蔵または外部のWebサーバー上で動作するデバッグアプリケーションをサポートしています。Chrome(英語)および他のChromeファミリのブラウザを使用してのみ実行できます。リモートデバッグ構成を使用して、バージョン36以上のFirefoxでサポートされています。Firefoxの外部Webサーバーで実行されているアプリケーションのデバッグはまったくサポートされていません。デバッグ:このフィールドには、デバッグするJavaScriptを参照するHTMLファイルのURLアドレスを指定します。root>の形式でURLを入力してください。ビルトインのサーバーポート(1024以上)は、設定ダイアログのデバッガーページで指定されています。file>の形式で指定します。このURLアドレスのポートがデバッガーページの内蔵サーバーポートと同じであることを確認してください。ブラウザーこのリストから、アプリケーションがデバッグされるChromeまたはChromeファミリーの別のブラウザを選択します。Dartアプリケーションの場合、Dartコードはdart2js(英語)またはdartdevc(英語)ツールを介してJavaScriptにコンパイルされます。Webアプリケーションを実行またはデバッグするときに自動的に呼び出されます。スクリプトのロード時にブレークポイントが検出されていることを確認するこのチェックボックスを選択すると、ページロードで実行されたコード内のブレークポイントがすぐにヒットするようになります。初期ページの読み込みが遅くなる可能性があることに注意してください。デバッグ:WebStormは、手動で永続的なデバッグ設定を作成した場合にのみ、この領域を表示します。自動的に生成された一時的な構成の場合、領域は表示されません。この領域では、デバッグに関与するローカルファイルをサーバー上のコピーのURLアドレスにマップします。この読み取り専用フィールドで、プロジェクトツリー内の目的のローカルファイルまたはディレクトリを選択します。このフィールドに、サーバー上の対応するファイルまたはフォルダーの絶対URLアドレスを入力します。これらのマッピングは、プロジェクトルートのローカルフォルダー構造がサーバーのフォルダー構造と異なる場合にのみ必要です。構造が同一である場合、WebStorm自体は、サーバー上のコピーのURLアドレスを解析することによって、ローカルファイルへのパスを「取得」します。Webアプリケーションのデバッグ:WebStormは、URLフィールドで指定されたポートが設定ダイアログのデバッガーページで指定された内蔵Webサーバーのポートと異なる場合にのみ、この領域を表示します。実行設定を編集するとき(ただし実行設定テンプレートは編集しないとき)、次のオプションを指定できます。名前このフィールドで、実行/デバッグ構成の名前を指定します。Shift+Alt+F10から起動したときに、作成された構成を識別できます。共有するこのチェックボックスを選択すると、実行/デバッグ構成がバージョン管理下に置かれ、他のチームメンバーが使用できるようになります。実行/デバッグ構成のツリー表示には、プロジェクトで使用可能な構成を管理したり、デフォルトの構成テンプレートを調整したりするのに役立つツールバーがあります。項目ショートカット説明Alt+Insert実行/デバッグ構成を作成します。Alt+Delete選択した実行/デバッグ構成を削除します。デフォルト設定は削除できません。Ctrl+D選択した実行/デバッグ構成のコピーを作成します。デフォルト設定のコピーを作成してください。ボタンは、一時設定を選択したときにのみ表示されます。このボタンをクリックして、一時的な設定を永続的なものとして保存します。テンプレート(つまり、デフォルトの実行/デバッグ構成設定)を表示および編集します。テンプレートはテンプレートノードに表示され、新しく作成された構成に使用されます。Alt+Down選択した実行/デバッグ構成をリスト内で上下に移動します。リスト内の設定の順序によって、実行/デバッグ設定を選択したときに表示される設定の順序が決まります。実行/デバッグ構成のデフォルトのテンプレートは、常にアルファベット順にソートされています。新しいフォルダーに移動/新しいフォルダーを作成します。実行/デバッグ構成をフォルダーに入れることでグループ化できます。クリックしてフォルダー名を指定します。カテゴリだけにフォーカスがある場合は、空のフォルダーが作成されます。