ブラウザー

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

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

デフォルトでは、組み込みサーバーポートはデフォルトの PhpStorm ポート 63342 に設定されており、PhpStorm はこれを介してサービスからの接続を受け入れます。このデフォルト値を変更するには、設定ダイアログ（Ctrl+Alt+S）を開き、ビルド、実行、デプロイ | デバッガーに移動し、ビルトインサーバーで 1024 から始まる他の値を指定します。

詳細は、IDE の組み込み Web サーバーを参照してください。

Web ブラウザーでファイルを開く

PHP プログラムの出力を Web ブラウザーでレンダリングするには、次のいずれかを実行します。

ファイルをエディターで開き、Alt+F2 を押します。
プロジェクトツールウィンドウ内のファイルを右クリックし、ブラウザーで開くを選択します。
メインメニューで、表示 | ブラウザーで開くに移動します。
エディターウィンドウの右上部分にあるブラウザーポップアップ (マウスを置くと表示されます) を使用します。ブラウザーボタンをクリックして Web サーバーファイル URL を開くか、Shift+Click をクリックしてローカルファイル URL を開きます。

PhpStorm はデフォルトで、いくつかの最も人気のあるブラウザーをサポートします。これらのブラウザーは、可能な場合は自動的に構成されます。

Chrome
Firefox
Safari
Opera
Internet Explorer
エッジ

ブラウザーのリストを表示および構成する

設定ダイアログ（Ctrl+Alt+S）で、ツール | ウェブブラウザーとプレビューを選択します。

標準の手順を使用してブラウザーをインストールした場合は、パスフィールドのエイリアスが正しい場所を指しているはずです。そうでない場合は、対応する実行可能ファイルへのパスを指定します。

リスト内のブラウザーの順序は、ポップアップ、コンテキストメニュー、表示メニューの順序に対応しています。ブラウザーを無効にすると、ポップアップ、コンテキストメニュー、表示メニューに表示されません。

カスタムブラウザーを追加する

設定ダイアログ（Ctrl+Alt+S）で、ツール | ウェブブラウザーとプレビューを選択します。
をクリックして、ブラウザー名、ファミリ、実行可能ファイルまたは macOS アプリケーションの場所を指定します。

デフォルトのブラウザーを選択

表示メニューおよびファイルのコンテキストメニューのブラウザーで開く項目には、利用可能なすべてのブラウザーとデフォルトのブラウザーが一覧表示されます。これらは外部リソースのレンダリングにも使用されます。

設定ダイアログ（Ctrl+Alt+S）で、ツール | ウェブブラウザーとプレビューを選択します。
デフォルトブラウザーリストから、以下のいずれかを選択します。
- システムデフォルト : お使いのオペレーティングシステム用のデフォルトブラウザーを使用してください。
- リストの先頭 : リストの最初のブラウザーを使用してください。
- カスタムパス : リストにないブラウザーを使用してください。実行ファイルの場所を指定します。

カスタムプロファイルと設定を使用する

Firefox および Chrome ファミリブラウザー用のカスタムプロファイルを設定できます。

設定ダイアログ（Ctrl+Alt+S）で、ツール | ウェブブラウザーとプレビューを選択します。
リストからブラウザーを選択してをクリックします。
- Firefox の場合は、profiles.ini ファイルへのパスを指定し、使用するプロファイルを選択します。詳細については、Firefox のブラウザープロファイル(英語)を参照してください。
- Chrome の場合は、カスタムユーザーデータディレクトリを使用するを選択し、ユーザーデータディレクトリ(英語)の場所を指定します。
  PhpStorm から Chrome を実行するときに使用する追加のコマンドラインオプションを指定することもできます。詳細については、Chrome アドレスバーの chrome://flags を開いてください。

HTML ページの自動再ロードを構成する

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

入力時にページを再読み込みするようにデフォルトの動作を変更して、HTML または関連ファイルへの変更がブラウザーまたは組み込みプレビューにすぐに表示されるようにすることができます。

ツール | ウェブブラウザーとプレビュー設定ページ Ctrl+Alt+S に移動します。または、了解ツールチップで構成をクリックします。
再ロードの動作領域で、ブラウザーでページを再ロードおよび組み込みプレビューでページを再ロードリストから、Web ブラウザーおよび組み込みプレビューでページの自動再ロードをトリガーするアクションを選択します。デフォルトでは、保存時が選択されています。
- 対応する HTML ファイルまたはリンクされたファイルを更新するときにページを再ロードするには、変更時を選択します。
- 自動アップロードを抑制するには、無効を選択します。

詳細は、自動再ロードを構成するを参照してください。

最終更新日: 2024 年 10 月 08 日

関連ページ：

コードの実行 / デバッグ

簡単な方法：プログラムにパラメーターを渡さず、プログラムの開始前にアクションを実行する必要がない場合は、一時的な構成を使用してエディターまたはツールバーからプログラムを実行 / デバッグできます。現在のファイルを実行するエディターでファイルを開き、次のいずれかのオプションを使用して実行します。エディター領域の任意の場所を右クリックしてコンテキストメニューを開き、そこから実行および <script name> を選択します。エディターの上にあるツールバーで、ドロップダウンメニューから現在...

PhpStorm を使用したデバッグ

クイックスタート：以下は、ローカルまたはリモート Web サーバー上で実行される PHP アプリケーションをデバッグするために PhpStorm と Xdebug 3 を使用するためのクイックスタートガイドです。PHP テストのデバッグや SSH 経由のリモートデバッグなどの他のデバッグシナリオについては、デバッグシナリオを参照してください。1. Xdebug をインストールする Xdebug デバッグエンジンは PHP の拡張機能であるため、アプリケーションが実行されるローカルまたはリモート...

HTML

PhpStorm は、構文やエラーのハイライト、コードスタイルに応じたフォーマット、構造検証、コード補完、デバッグセッション中のオンザフライプレビュー（ライブ編集）やコードエディターの専用プレビュータブなど、HTML を強力にサポートします。HTML ツールプラグインを有効にするこの機能は、デフォルトで PhpStorm にバンドルされて有効になっている HTML ツールプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して設定を...

IDE の組み込み Web サーバー

PhpStorm には、Web ブラウザーまたは IDE の組み込みブラウザーでアプリケーションをプレビューおよびデバッグするために使用できる Web サーバーが組み込まれています。このサーバーは常に実行されており、手動による構成は必要ありません。組み込みサーバーは、初期状態では HTML、JavaScript、CSS などの静的コンテンツのみを提供します。PHP ファイルで使用するには、プロジェクト用に指定されたローカル PHP インタープリターが必要です。インタープリターが設定されると、Ph...

プロジェクトツールウィンドウ

プロジェクトツールウィンドウを使用すると、さまざまな視点からプロジェクトを確認し、新しい項目 (ディレクトリ、ファイル、クラスなど) の作成、エディターでのファイルのオープン、必要なコードフラグメントへの移動などのさまざまなタスクを実行できます。このビューには、作成されたスクラッチファイル、クエリコンソール、拡張スクリプトを管理できるスクラッチとコンソールフォルダーも含まれています。ビュー：ツールウィンドウにはいくつかのビューがあります。プロジェクトビュー。このビューには、すべてのプロジェク...

外部ツール

サードパーティのコマンドラインアプリケーションを外部ツールとして構成して、PhpStorm から実行します。例: ワークフローでは、特定のスクリプト、コードジェネレーター、アナライザー、プリプロセッサーまたはポストプロセッサー、データベースユーティリティなどの実行が必要になる場合があります。外部ツールとして構成することにより、PhpStorm は専用のアクションを提供します。これは、メインメニューや特定のコンテキストメニューから実行したり、ショートカットを割り当てたり、特定の実行構成を起動すると...