レスポンシブな画面を作っていると iPhone から PC の localhost にアクセスしたくなるもの💩
やり方は簡単、2ステップ🤘
- iPhone のプロキシ設定
- iPhone のブラウザから起動している PC で起動しているアプリへアクセス
1. プロキシ設定
- PC と iPhone を同一のネットワーク配下にする
- iPhone の「設定」を開く
- 接続している Wi-Fi の
i
マークをタップ - HTTP プロキシ -> プロキシを構成 をタップ
- 「手動」を選択
- 「サーバー」に PC の IP アドレス (e.g., 192.168.120.95) を入力
- 「ポート」に localhost で起動しているアプリのポート (e.g., 3000) を入力
- 「保存」をタップ
2. ブラウザから起動しているアプリへアクセス
ブラウザのアドレスバーに PC の IP アドレス (e.g., 192.168.120.95) を入力
アクセス成功!!
参考
MacのlocalhostにiPhoneで接続する方法 - Qiita
localhostをiphoneなどでアクセスする - 初心者のWEBデザイン