ウェブブラウザーとプレビュー
このページで次の設定を行えます:
Web ブラウザーのインストールを PhpStorm と統合し、 PhpStorm からの Web ブラウザーの起動を有効または無効にします。
実行可能ファイルを実行するか、デフォルトのシステムコマンドを使用してブラウザーを起動するかどうかを指定します。
デフォルトの PhpStorm ブラウザーを指定し、明示的にブラウザーが指定されていない場合に PhpStorm が HTML ファイルを開く際に使用します
HTML または XML ファイルをブラウザーで開くためのブラウザーポップアップを有効化します。
ブラウザーまたは組み込みプレビューでページを自動的に再ロードするタイミングを構成します。
ブラウザー
このセクションでは、HTML 出力のプレビューに使用できるブラウザーを指定します。 このセクションでは、定義済みリストのブラウザーと、以前に設定されたカスタムブラウザーのインストール(存在する場合)を示します。
PhpStorm には、最も人気のあるブラウザーの事前定義リストが付属しており、 実行、 デバッグ 、または HTML ファイルの出力のプレビュー中に IDE から自動的にインストールおよび起動できます。 PhpStorm は、標準のプロシージャに従ってブラウザーをインストールすることを前提としており、各インストールに、ブラウザーの実行可能ファイルまたは macOS アプリケーションへのデフォルトパスを表す エイリアスを割り当てます。
実際のブラウザーのインストールで実行可能ファイルへのパスが異なる場合は、 パス フィールドで明示的に指定する必要があります。
あらかじめ定義されたブラウザーに加えて、ツールバーのコントロールを使用して必要なだけカスタムブラウザーのインストールを構成できます。
項目 | 説明 |
|---|---|
アクティブ | このチェックボックスを選択して、PhpStorm から該当するブラウザーの利用を有効化します。 ブラウザーが メニュー項目のコンテキストメニューに追加され、そのアイコンがブラウザーアイコンポップアップに表示されます。 このチェックボックスがオフの場合、対応するブラウザーアイコンはアイコンツールバーまたはポップアップに表示されません。 |
命名 | この列には、ブラウザー名を指定します。 |
ファミリ | この列には、ブラウザーが属するファミリを指定します。 |
パス | この列で、実行可能ファイルへのパスを指定します。 ブラウザーが標準のインストールプロシージャに従ってインストールされた場合、ほとんどの場合 パス フィールドの エイリアスが正しい場所を指しています。 そうでない場合は、 |
ツールバー
項目 | 説明 |
|---|---|
カスタムブラウザーをリストに追加するには、このボタンをクリックします。 | |
選択した顧客のブラウザーをリストから削除するには、このボタンをクリックします。 あらかじめ定義されたリストからブラウザーを削除することはできません。 | |
このボタンをクリックすると、 Firefox のカスタムプロファイルまたは Chrome ファミリのブラウザーを指定できます。 このボタンは、 Firefox と Chrome が選択されている場合にのみ使用できます。 Firefox 設定 ダイアログで、出力のプレビューに使用する Firefox のブラウザープロファイル(英語)を指定します。
Chrome 設定 ダイアログで:
| |
| これらのボタンを使用して、選択したブラウザーをリスト内で上下に移動します。 ブラウザーの順序は、外部リソースをレンダリングし、Web コンテンツでファイルをプレビューするために重要です。 |
選択したブラウザーのコピーを作成するには、このボタンをクリックします。 |
デフォルトブラウザー
このセクションでは、外部リソースのレンダリングや Web コンテンツを含むファイルのプレビューにデフォルトで使用される デフォルトの PhpStorm ブラウザーを指定します。 メインメニューから を選択するか、ファイルのコンテキストメニューから を選択すると、コンテキストメニューではこのブラウザーは デフォルト と呼ばれます。
項目 | 説明 |
|---|---|
デフォルトブラウザー | リストからデフォルトのブラウザーを選択します。 考えられるオプションは次のとおりです:
|
エディターでブラウザーアイコンのポップアップを構成する
この領域で、PhpStorm に HTML または XML ファイルで有効化されたブラウザーを含むポップアップを表示するかどうかを設定します。 このポップアップは 現在のファイルの出力をプレビューするために使用されます。
デフォルトでは、ブラウザーアイコンポップアップは HTML ファイルでのみ表示されます。 XML ファイルでは、デフォルトではポップアップは表示されないため、注意をそらさずにコードを読んだり編集したりできます。 HTML ファイル用 および XML ファイル用 チェックボックスを使用して、現在のファイルタイプに応じてポップアップを表示または非表示にします。
再ロード動作
この領域で、ブラウザーまたは組み込みプレビューで HTML ページの再読み込みを自動的にトリガーするアクションを指定します。 ブラウザーで HTML ファイルをプレビューするから詳細を参照してください。
ブラウザーでページを再ロード および 組み込みプレビューでページを再ロード リストから、Web ブラウザーおよび組み込みプレビューでページの自動再ロードをトリガーするアクションを選択します。
デフォルトで 保存時 が選択されているため、HTML ファイルをブラウザーまたは組み込みプレビューで開くと、この HTML ファイル(またはリンクされた JavaScript やスタイルシートファイル)が手動または自動で保存されるたびに、PhpStorm が自動的にページを再読み込みします。詳細は 変更の保存と復元 を参照してください。

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

変更時 を選択すると、入力時にページが再読み込みされます。
ページの自動再読み込みを抑制するには、 無効 を選択します。
ビルトインサーバー
PhpStorm には Web サーバーが内蔵されており、Web ブラウザーでアプリケーションをデバッグしたり、PhpStorm の内蔵ブラウザーでコードをプレビューしたりできます。 このサーバーは常に稼働しており、手動での設定は不要です。 詳しくは、 IDE 組み込み Web サーバー を参照してください。
組み込みサーバーで実行されているアプリケーションをデバッグする詳細を参照してください。
項目 | 説明 |
|---|---|
ポート | このスピンボックスを使用して、組み込み Web サーバーが実行されるポートを指定します。 デフォルトでは、このポートは 63342 に設定されており、PhpStorm はこれを介してサービスからの接続を受け入れます。 ポート番号は 1024 以降の任意の値に設定できます。 |
外部接続を受け入れ可能 | このチェックボックスを選択すると、指定したポートで実行されている組み込みサーバー上のファイルに別のコンピューターからアクセスできます。 このチェックボックスがオフになっている場合(デフォルト)、デバッガーはローカル接続のみをリッスンします。 |
署名されていない要求を許可する | セキュリティ上の理由から、PhpStorm 外部から組み込みサーバー上のページへのリクエストはデフォルトで拒否され、 ページ 404 が表示されます。 要求されたページへのアクセスを許可するには、 署名されていない要求を許可する チェックボックスを選択します。 |