WebStorm 2026.1 Help

ウェブブラウザーとプレビュー

このページでは、次の内容を構成できます:

  • Web ブラウザーのインストールを WebStorm と統合し、有効化または無効化します。

  • 実行可能ファイルを実行するか、デフォルトのシステムコマンドを使ってブラウザーを起動するかどうかを指定します。

  • デフォルトの WebStorm ブラウザーとして、WebStorm が要求時に(特にブラウザーが明示的に指定されていない場合) HTML ファイルを開く際に使用します

  • ブラウザーで HTML または XML ファイルを開くためのブラウザーポップアップを有効にします。

  • ブラウザーまたは組み込みプレビューでページを自動的に再ロードするタイミングを構成します。

ブラウザーの構成 から詳細を参照してください

ブラウザー

このセクションでは、HTML 出力のプレビューに使用できるブラウザーを指定します。 このセクションでは、定義済みリストのブラウザーと、以前に設定されたカスタムブラウザーのインストール(存在する場合)を示します。

WebStorm には、HTML ファイルの出力を実行、デバッグ、または プレビューする際に、IDE から自動的にインストールして起動できる、最もよく使われるブラウザーの事前定義リストが付属しています。 WebStorm は標準の手順に従ってブラウザーがインストールされることを前提としており、各インストールに、ブラウザーの実行可能ファイルまたは macOS アプリケーションへのデフォルトパスを表す エイリアスを割り当てます。

実際のブラウザーのインストールで実行可能ファイルへのパスが異なる場合は、 パス フィールドで明示的に指定する必要があります。

あらかじめ定義されたブラウザーに加えて、ツールバーのコントロールを使って必要に応じてカスタムブラウザーのインストールをいくつでも設定できます。

項目

説明

アクティブ

このチェックボックスを選択すると、WebStorm から該当するブラウザーを利用できるようになります。 ブラウザーが ブラウザーで開く メニュー項目のコンテキストメニューに追加され、そのアイコンがブラウザーアイコンポップアップに表示されます。 エディターでポップアップを非表示および表示する方法については、 ブラウザーアイコンポップアップを設定する を参照してください。

このチェックボックスがオフの場合、対応するブラウザーアイコンはアイコンツールバーまたはポップアップに表示されません。

名前

この列には、ブラウザー名を指定します。

ファミリ

この列には、ブラウザーが属するファミリを指定します。

パス

この列で、実行可能ファイルへのパスを指定します。 ブラウザーが標準のインストール手順に従ってインストールされた場合は、 エイリアスパス フィールドで正しい場所を指している可能性が高いです。 そうでない場合は、 参照ボタン をクリックして、表示されるダイアログで実際のパスを選択します。 開いたダイアログで、対応するブラウザーの実行可能ファイルへのパスを選択します。

ツールバー

項目

説明

追加ボタン

カスタムブラウザーをリストに追加するには、このボタンをクリックします。

the Remove button

選択した顧客のブラウザーをリストから削除するには、このボタンをクリックします。 あらかじめ定義されたリストからブラウザーを削除することはできません。

編集ボタン

このボタンをクリックすると、 Firefox のカスタムプロファイルまたは Chrome ファミリのブラウザーを指定できます。 このボタンは、 FirefoxChrome が選択されている場合にのみ使用できます。

Firefox 設定 ダイアログで、出力のプレビューに使用する Firefox のブラウザープロファイル(英語)を指定します。

  • "profiles.ini" へのパス: このフィールドで、使用する Firefox プロファイルを決定する profiles.ini ファイルの場所を指定します。

  • プロファイル: このリストから、使用する定義済みプロファイルを選択します。 詳細については、 Firefox のブラウザープロファイル(英語)を参照してください。

Chrome 設定 ダイアログで:

  • コマンドラインオプション​​: このフィールドにコマンドラインオプションを入力して、Chrome のインスタンスを起動します。 さらにスペースが必要な場合は、 Expand アイコン をクリックするか、 Shift+Enter を押してエディターボックスを開きます。 Chrome のコマンドラインオプションの詳細については、 Chromechrome://flags を参照してください。

  • カスタムユーザーデータディレクトリを使用する :このチェックボックスを選択すると、利用するユーザー固有の Chrome プロファイル設定が定義され、WebStorm の設定で ユーザーデータディレクトリの場所が指定されます。

前回の一致ボタン 次回の一致ボタン

これらのボタンを使用して、選択したブラウザーをリスト内で上下に移動します。 ブラウザーの順序は、外部リソースをレンダリングし、Web コンテンツでファイルをプレビューするために重要です。

コピー ボタン

選択したブラウザーのコピーを作成するには、このボタンをクリックします。

デフォルトブラウザー

このセクションでは、外部リソースのレンダリングや Web コンテンツを含むファイルのプレビュー時にデフォルトで使用する デフォルトの WebStorm ブラウザーを指定します。 メインメニューから ビュー | ブラウザーで開く を選択するか、ファイルのコンテキストメニューから ブラウザーで開く を選択すると、コンテキストメニューではこのブラウザーは デフォルト と呼ばれます。

項目

説明

デフォルトブラウザー

リストからデフォルトのブラウザーを選択します。 可能なオプションは以下のとおりです:

  • システムデフォルト :オペレーティングシステムのデフォルト Web ブラウザーを WebStorm のデフォルトとして利用する場合は、このオプションを選択します。

  • リストの先頭 :このオプションを選択すると、WebStorm はリストの最初のブラウザーを起動します。 ツールバーの 前回の一致ボタン および 次回の一致ボタン アイコンを使用して、1 つまたは複数のブラウザーを変更します。

  • カスタムパス :別の Web ブラウザーを WebStorm のデフォルトとして指定する場合は、このオプションを選択します。 ブラウザーの実行可能ファイルへのパスを入力するか、 参照ボタン をクリックして、開いたダイアログでパスを選択します。

エディターでブラウザーアイコンのポップアップを構成する

この領域で、WebStorm が HTML ファイルまたは XML ファイルで有効化されたブラウザーのポップアップを表示するかどうかを設定します。 このポップアップは 現在のファイルの出力のプレビューに使用されます。

デフォルトでは、ブラウザーアイコンのポップアップは HTML ファイルでのみ表示されます。 XML ファイルでは、デフォルトではポップアップが表示されず、注意をそらさずにコードの読み書きができます。 HTML ファイル用XML ファイル用 チェックボックスを使用して、現在のファイルタイプに応じてポップアップを表示または非表示にできます。

再読み込み動作

この領域で、ブラウザーまたは組み込みプレビューで HTML ページの再読み込みを自動的にトリガーするアクションを指定します。 詳細は ブラウザーで HTML ファイルをプレビューするをご覧ください。

ブラウザーでページを再ロード および 組み込みプレビューでページを再ロード リストから、Web ブラウザーおよび組み込みプレビューでページの自動再ロードをトリガーするアクションを選択します。

  • デフォルトで、 保存時 が選択されているため、HTML ファイルをブラウザーまたは組み込みプレビューで開いた後、この HTML ファイル(またはリンクされた JavaScript やスタイルシート ファイル)が手動または自動で保存されるたびに、WebStorm はページを自動的に再読み込みします。詳細は 変更の保存と復元 をご参照ください。

    Reloading a HTML page on save

    ページ再読込をトリガーするファイルを保存すると、WebStorm は 了解 ツールチップを表示します。

    保存時に再ロード: ツールチップを取得しました
  • 変更時 を選択すると、入力時にページが再読み込みされます。

    Built-in preview: reload preview on change
  • ページの自動再読み込みを抑制するには、 無効 を選択します。

ビルトインサーバー

WebStorm には組み込みの Web サーバーがあり、Web ブラウザーでアプリケーションのデバッグや WebStorm の組み込みブラウザーでコードのプレビューができます。 このサーバーは常に実行されており、手動による構成は必要ありません。

組み込みサーバーで実行されているアプリケーションをデバッグする詳細を参照してください。

項目

説明

ポート

このスピンボックスを使用して、組み込み Web サーバーが実行されるポートを指定します。 デフォルトでは、このポートは 63342 に設定されており、WebStorm はこれを通じてサービスからの接続を受け入れます。 ポート番号は 1024 以降の任意の値に設定できます。

外部接続を許可できる

このチェックボックスを選択すると、指定したポートで実行されている組み込みサーバー上のファイルに別のコンピューターからアクセスできます。

このチェックボックスがオフの場合(デフォルト)、デバッガーはローカル接続のみをリッスンします。

署名されていない要求を許可する

セキュリティ上の理由から、WebStorm の外部から組み込みサーバー上のページに対するリクエストはデフォルトで拒否され、 ページ 404 が表示されます。

要求されたページへのアクセスを許可するには、 署名されていない要求を許可する チェックボックスを選択します。

2026 年 6 月 8 日