Mac で localhost のリンクを特定のブラウザで開く
専用ルールを作る理由
開発サーバーは http://localhost:3000 のようなリンクを出力し、クリックするとデフォルトブラウザで開きます。そこには個人のタブや、テストの邪魔になる拡張機能が入っていることもあります。ローカル開発専用に、まっさらなブラウザやプロファイルを用意している開発者は少なくありません。
設定方法
- ChooseBrowser をインストールし、「システム設定 → デスクトップと Dock → デフォルトの Web ブラウザ」で ChooseBrowser を選びます。
- ChooseBrowser で下のホストにルールを追加し、ブラウザとプロファイルを選びます（Chrome・Edge・Brave・Vivaldi・Chromium のプロファイルは、アプリで一度ローカル設定が必要です）。
- それ以降、どのアプリでクリックしてもこれらのリンクは選んだブラウザで直接開きます。ルールのないリンクでは選択画面が出ます。
追加するホスト
localhost127.0.0.1
localhost と 127.0.0.1 に、開発用ブラウザを開くルールを追加します。たとえば開発用の拡張機能だけを入れ、個人アカウントにはログインしていない Chrome プロファイルです。これでターミナルやエディタ、テストツールが出すローカルのリンクは、普段使いのブラウザではなくそちらで開きます。
動作の確認
開発サーバーを起動して表示された localhost のリンクをクリックし、開発用ブラウザで開くことを確認します。続けて普通の Web サイトのリンクを開き、いつものブラウザで開くことも確かめます。