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

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

変更時を選択すると、入力時にページが再読み込みされます。
ページの自動再読み込みを抑制するには、無効を選択します。
ビルトインサーバー
JetBrains Rider には Web サーバーが内蔵されており、Web ブラウザーでアプリケーションをデバッグしたり、JetBrains Rider の内蔵ブラウザーでコードをプレビューしたりできます。このサーバーは常に稼働しており、手動での設定は不要です。
組み込みサーバーで実行されているアプリケーションをデバッグする詳細を参照してください。
項目 | 説明 |
|---|---|
ポート | このスピンボックスを使用して、組み込み Web サーバーが実行されるポートを指定します。デフォルトでは、このポートは 63342 に設定されており、JetBrains Rider はこれを介してサービスからの接続を受け入れます。ポート番号は 1024 以降の任意の値に設定できます。 |
外部接続を受け入れ可能 | このチェックボックスを選択すると、指定したポートで実行されている組み込みサーバー上のファイルに別のコンピューターからアクセスできます。 このチェックボックスがオフになっている場合(デフォルト)、デバッガーはローカル接続のみをリッスンします。 |
署名されていない要求を許可する | セキュリティ上の理由から、JetBrains Rider 外部からの組み込みサーバー上のページへのリクエストはデフォルトで拒否され、ページ 404 が表示されます。 要求されたページへのアクセスを許可するには、署名されていない要求を許可するチェックボックスを選択します。 |
関連ページ:
ディレクトリベースの設定
Rider 設定ダイアログでは、ページアイコンを見て、特定のページに使用されている設定管理メカニズムを確認できます。任意のアイコンでマークされていないページは、ユーザープロファイルに保存されている IDE 設定をホストします。ソリューションレベルと IDE レベルの設定:IntelliJ プラットフォームに基づく Rider のフロントエンド機能の設定は、ディレクトリベースの形式で保存されます。XML ファイルの 2 つの特定の場所に保存されます。IDE レイアウト、優先キーマップ、エディター...
言語およびフレームワーク: HTML
JetBrains Rider は、構文やエラーのハイライト、コードスタイルに応じたフォーマット、構造検証、コード補完、デバッグセッション中のオンザフライプレビュー(ライブ編集)やコードエディターの専用プレビュータブなど、HTML を強力にサポートします。HTML ツールプラグインを有効にするこの機能は、デフォルトで JetBrains Rider にバンドルされて有効になっている HTML ツールプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認...
Chrome での JavaScript のデバッグ
JetBrains Rider は、client-sideJavaScript コード用の組み込みデバッガーを提供します。以下のビデオと手順では、このデバッガーの使用を開始するための基本的な手順を説明しています。始める前に:設定で JavaScript and TypeScript バンドルプラグインが有効になっていることを確認します。を押して設定を開き、を選択します。インストール済みタブをクリックします。検索フィールドに JavaScript and TypeScript と入力します。プラグイン...