Macで開発中のサイトをiPhone実機でテストする方法

開発ツール

スマホサイトを構築しているとき、ユーザーエージェントを変えて確認とかシミュレーターで確認とかじゃわからない不具合が出た場合に実機で確認する必要がありますよね

開発環境はMAMPで構築してローカルからしか参照出来ないのでどーしたらいいのかと小一時間悩んだ結果できたので書いときます

1.同じLAN上で繋がっている

2.MAMPを起動

3.ifconfigしてMacのIPを確認(例:192.168.10.2)

4.iPhoneから192.168.10.2:8888にアクセスしたらIndex Ofと表示される

5.アクセスできたらhttpd.confを編集してDocumentRootをアクセスしたいアプリのドキュメントルートに合わせる

vim /Applications/MAMP/conf/apache/httpd.conf
~~~
NameVirtualHost *:8888

#DocumentRoot “/Applications/MAMP/htdocs”
DocumentRoot “/Users/kimotonobuhiko/homuhomu/webroot”
ServerName localhost

~~~

6.MAMPを再起動

7.iPhoneのサファリを更新

出来た(^ω^)

コメント

タイトルとURLをコピーしました