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

ページ再読込をトリガーするファイルを保存すると、WebStorm は 了解 ツールチップを表示します。

変更時 を選択すると、入力時にページが再読み込みされます。

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