📱
PCで開発しているWebページをスマートフォン実機で確認したいときの方法
状況
-
PC で開発（
http://localhost:8000など）しているときに，スマートフォンの実機で動作を確認したい． -
PC とスマートフォンは同じネットワークに接続されている（192.168.xxx.xxx など）．
-
PC は Mac．
方法
PC の IP アドレスもしくはホスト名を指定すれば OK．
IP アドレスとホスト名の確認
# PC の IP アドレスを確認（ネットワークの値によって適当な数値を用いる）
ifconfig | grep 192
# 出力結果例
inet 192.168.xxx.xxx netmask 0x00000000 broadcast 192.168.xxx.xxx
# ホスト名を確認
scutil --get LocalHostName
# 出力結果例
hoge
スマートフォンでの確認
例えば，PC 側で localhost:8000 で立ち上げている場合，スマートフォンのブラウザで http://192.168.xxx.xxx:8000 もしくは http://hoge.local:8000 にアクセスすれば，PC で開発している Web ページの確認ができる．
以上だ( `･ω･)b
Discussion