カテゴリー︎: 【iPhone (iOS)】・【mac】
macのローカル環境(MAMP)で開発している際に
スマホでの確認は必須なのだけど
編集・更新するごとに、いちいちWebサーバにUPしたり
PCとiPhoneをケーブルにつないだり
それっぽいアプリをインストールするのが
とても、とても面倒くさい!!
もっと
楽に、素早く、PCとスマホを同時に確認したい!!
という人は、下記の3ステップを試してほしい!
設定時間は、約4〜5分くらい
現在PCで作業しているURLは
http://localhost/test/
とする
(1) mac(PC)とスマホを同じWi-Fiでつなぐ
mac(PC)の確認方法 → 右上のWi-Fiマークをクリック
iPhoneの確認方法 → 設定 → Wi-Fi の状況を確認して
mac(PC)と同じWi-FiにつながっていればOK!
今回は「Buffalo-●●●●●」のWi-FiにPCとスマホがつながっている状態
※ ●●●●● は 英数字になっている
(2) mac側のIPアドレスを調べる
macの システム環境設定 → ネットワーク を開く
こちらの環境では上記画像の赤線部分
192.168.1.4
がmac(PC)のIPアドレスである
(3) iPhoneのブラウザを開いてIPアドレスを入力する
iPhoneのブラウザ(今回はSafari)を開いて
http://localhost/test/ と入力して、goボタンを押下すると
作業していたwebページがiPhoneで見れるはずだ
このように、同じWi-Fi環境につないで
MAMPが起動しているPCのIPアドレスを入力すれば
スマホだけでなく、タブレットや他のPCからでも
同じwebページを見ることができる
もちろん、MAMPが起動していないとWebページは表示はされないので
きちんと、mac(PC)のMAMPが起動しているか確認しよう