ブラウザーの構成

1. Ctrl+Alt+S を押して設定を開き、ツール | ウェブブラウザーとプレビューを選択します。

2. 開いたウェブブラウザーとプレビューページには、定義済みリストのブラウザーと以前に設定したカスタムブラウザーのインストールがあればそれが表示されます。ブラウザーごとに、WebStorm はその名前、所属するファミリ、ブラウザーの実行可能ファイル /macOS アプリケーションへのパス、このパスを表す定義済みのエイリアスを表示します。

3. ブラウザーをアクティブにするには、その名前の横にあるチェックボックスを選択します。ブラウザーがブラウザーで開くメニュー項目のコンテキストメニューに追加され、そのアイコンがブラウザーアイコンポップアップに表示されます。エディターでポップアップを非表示および表示する方法については、ブラウザーアイコンポップアップを設定するを参照してください。

   ブラウザーが標準のインストール手順に従ってインストールされた場合は、パスフィールドのエイリアスが正しい場所を指している可能性があります。そうでない場合は、 をクリックして、表示されるダイアログで実際のパスを選択します。

表示 | ブラウザーで開くを選択するか Alt+F2 を押すか、ブラウザーのアイコンバーを起動すると、使用可能なブラウザーがウェブブラウザーとプレビューページにリストされている順に表示されます。リスト内のブラウザーの順序を変更するには、 および ボタンを使用します。

カスタムブラウザーを構成する

1. Ctrl+Alt+S を押して設定を開き、ツール | ウェブブラウザーとプレビューを選択します。

2. ツールバーの をクリックし、新しい行にブラウザー名、ファミリ、実行可能ファイルまたは macOS アプリケーションへのパスを指定します。

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

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

• ウェブブラウザーとプレビューページで、ブラウザーを選択してツールバーの をクリックします。選択したブラウザーのファミリに応じて、Firefox 設定または Chrome 設定ダイアログが開きます。

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

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

  • 追加オプションで Chrome ファミリのブラウザーを起動するには、ツールバーの をクリックし、開いた Chrome 設定ダイアログのコマンドラインオプションフィールドに必要なキーを入力します。Chrome で chrome://flags を開いて、Chrome コマンドラインオプションの詳細を参照してください。

リストからブラウザーを削除する

必要なブラウザーを選択し、ツールバーの をクリックします。削除できるのはカスタムブラウザーのみです。

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

メインメニューから表示 | ブラウザーで開くを選択するか、ファイルのコンテキストメニューからブラウザーで開くを選択してブラウザーでアプリケーションの出力をプレビューする場合は、プレビューを開くブラウザーを選択する必要があります。コンテキストメニューから特定のブラウザーを使用できます。またはデフォルトブラウザーを選択してください。

WebStorm は WebStorm デフォルトブラウザーを開いて外部リソースをレンダリングします。

1. Ctrl+Alt+S を押して設定を開き、ツール | ウェブブラウザーとプレビューを選択します。

2. デフォルトブラウザーリストから、ページのプレビューにデフォルトで使用するブラウザーを選択します。

   • デフォルトのオペレーティングシステムブラウザーを使用するには、システムデフォルトを選択します。

   • リストの上にブラウザーを使用するには、リストの先頭を選択します。ツールバーの および アイコンを使用して、1 つまたは複数のブラウザーを変更します。

   • 別のブラウザーをデフォルトとして使用するには、カスタムパスを選択し、必要なブラウザーの実行可能ファイルの場所を指定します。パスを手動で入力するか、必要に応じて参照 を使用してください。

ブラウザーアイコンポップアップを設定する

デフォルトでは、ブラウザーアイコンポップアップは HTML ファイルでのみ表示されます。XML ファイルでは、デフォルトではポップアップは表示されないため、注意をそらさずにコードを読んだり編集したりできます。

• HTML または XML ファイルでポップアップを表示または非表示にするには、ツール | ウェブブラウザーとプレビュー設定ページ Ctrl+Alt+S に移動し、エディターでブラウザーポップアップを表示する領域の HTML ファイル用および XML ファイル用チェックボックスを使用します。

• HTML または XML ファイルでポップアップを非表示に設定すると、メインメニューから表示 | ブラウザーで開くコマンドを使用するか、ファイルのコンテキストメニューからブラウザーで開くコマンドを使用して、対応するタイプのファイルをプレビューできます。

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

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

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

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

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

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

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

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