localhostをスマホ等の別デバイスで確認する方法

接続方法

1. 開発機と検証デバイスを同じWi-Fiに接続する。
2. Appleのロゴ > Wi-Fi > 接続済みWi-Fiの「詳細(※1)」を開く。
3. IPアドレス 192.168.x.x(※2)にポート番号をつけてアクセスする。
   EX）192.168.0.0:4321

※1 添付画像1の赤枠の箇所
※2 添付画像2の赤枠の箇所

その他

iPhone等のデバッグ方法

1. MacBookにてSafariを開く。
2. 開発 タブをホバーし、該当するデバイスのページを開く。

※ 「設定アプリ > Safari > 詳細 > Webインスペクタ」を有効化にしていること。

Androidのデバッグ方法

1. Chromeにて chrome://inspect/#devices にアクセスする。
2. USBを接続する。
3. デバッグしたいタブの inspect fallback をクリックする。

Reference Site

• localhost をスマホ実機で確認する方法