PhpStorm 2024.1 ヘルプ

ブラウザー

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 を開きます。

    Show in browser

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

  • Chrome Chrome browser icon

  • Firefox Firefox browser icon

  • Safari Safari browser icon

  • Opera Opera browser icon

  • Internet Explorer Internet Explorer browser icon

  • エッジ Edge browser icon

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

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

The Web Browsers page in Settings

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

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

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

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

  2. the Add button をクリックして、ブラウザー名、ファミリ、実行可能ファイルまたは macOS アプリケーションの場所を指定します。

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

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

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

  2. デフォルトブラウザーリストから、以下のいずれかを選択します。

    • システムデフォルト : お使いのオペレーティングシステム用のデフォルトブラウザーを使用してください。

    • リストの先頭 : リストの最初のブラウザーを使用してください。

    • カスタムパス : リストにないブラウザーを使用してください。実行ファイルの場所を指定します。

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

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

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

  2. リストからブラウザーを選択して the Edit button をクリックします。

    • Firefox の場合は、profiles.ini ファイルへのパスを指定し、使用するプロファイルを選択します。詳細については、Firefox のブラウザープロファイル(英語)を参照してください。

    • Chrome の場合は、カスタムユーザーデータディレクトリを使用するを選択し、ユーザーデータディレクトリ(英語)の場所を指定します。

      PhpStorm から Chrome を実行するときに使用する追加のコマンドラインオプションを指定することもできます。詳細については、Chrome アドレスバーの chrome://flags を開いてください。

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

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

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

  1. 設定 Ctrl+Alt+S のツール | Web ブラウザーとプレビューページに移動します。または、了解ツールチップの構成をクリックします。

  2. 再ロードの動作領域で、ブラウザーでページを再ロードおよび組み込みプレビューでページを再ロードリストから、Web ブラウザーおよび組み込みプレビューでページの自動再ロードをトリガーするアクションを選択します。デフォルトでは、保存時が選択されています。

    • 対応する HTML ファイルまたはリンクされたファイルを更新するときにページを再ロードするには、変更時を選択します。

    • 自動アップロードを抑制するには、無効を選択します。

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

外部ツール ファイルタイプの関連付け

関連ページ：

アプリケーションを実行する

簡単な方法：プログラムにパラメーターを渡さず、プログラムの開始前にアクションを実行する必要がない場合は、一時構成を使用してエディターまたはツールバーからプログラムを実行できます。現在のファイルを実行するエディターでファイルを開き、次のいずれかのオプションを使用して実行します。エディター領域の任意の場所を右クリックしてコンテキストメニューを開き、そこから実行および <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 は専用のアクションを提供します。これは、メインメニューや特定のコンテキストメニューから実行したり、ショートカットを割り当てたり、特定の実行構成を起動すると...