PhpStorm 2026.2 Help

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

このページで次の設定を行えます:

  • Web ブラウザーのインストールを PhpStorm と統合し、 PhpStorm からの Web ブラウザーの起動を有効または無効にします。

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

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

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

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

ブラウザー

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

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

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

あらかじめ定義されたブラウザーに加えて、ツールバーのコントロールを使用して必要なだけカスタムブラウザーのインストールを構成できます。

項目

説明

アクティブ

このチェックボックスを選択して、PhpStorm から該当するブラウザーの利用を有効化します。 ブラウザーが ブラウザーで開く メニュー項目のコンテキストメニューに追加され、そのアイコンがブラウザーアイコンポップアップに表示されます。

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

命名

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

ファミリ

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

パス

この列で、実行可能ファイルへのパスを指定します。 ブラウザーが標準のインストールプロシージャに従ってインストールされた場合、ほとんどの場合 パス フィールドの エイリアスが正しい場所を指しています。 そうでない場合は、 閲覧ボタン をクリックして、開いたダイアログで実際のパスを選択します。 開いたダイアログで、対応するブラウザーの実行可能ファイルへのパスを選択します。

ツールバー

項目

説明

追加ボタン

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

削除ボタン

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

編集ボタン

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

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

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

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

Chrome 設定 ダイアログで:

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

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

前回の発生ボタン 次回の発生ボタン

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

コピーボタン

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

デフォルトブラウザー

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

項目

説明

デフォルトブラウザー

リストからデフォルトのブラウザーを選択します。 考えられるオプションは次のとおりです:

  • システムデフォルト: このオプションを選択すると、オペレーティングシステムのデフォルト Web ブラウザーが PhpStorm のデフォルトとして設定されます。

  • リストの先頭: このオプションを選択すると、PhpStorm はリストの最初のブラウザーを起動します。 ツールバーの 前回の発生ボタン アイコンと 次回の発生ボタン アイコンを使用して順序またはブラウザーを変更します。

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

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

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

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

再ロード動作

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

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

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

    Reloading a HTML page on save

    ページの再ロードをトリガーするファイルを保存すると、PhpStorm は 了解 ツールチップを表示する。

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

  • ページの自動再読み込みを抑制するには、 無効 を選択します。

ビルトインサーバー

PhpStorm には Web サーバーが内蔵されており、Web ブラウザーでアプリケーションをデバッグしたり、PhpStorm の内蔵ブラウザーでコードをプレビューしたりできます。 このサーバーは常に稼働しており、手動での設定は不要です。 詳しくは、 IDE 組み込み Web サーバー を参照してください。

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

項目

説明

ポート

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

外部接続を受け入れ可能

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

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

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

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

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

2026 年 8 月 5 日