iphone webアプリ 開発ツールをつかう
iPhone用のサイトをデバッグする際、user-agentを変更して見るのがお手軽ですが、
今や実機で見ながらMacからインスペクタを起動していろいろいじれちゃうみたいです。
手順
- iPhoneの設定 → safari → 詳細 → WEBインスペクタ をオンにします
- Macで safari → 環境設定 を開きます
- 詳細(右端)タブの「メニューバーに"開発"メニューを表示」にチェックします
- iPhoneでsafariを起動し、Macに接続します
- 開発メニューでiPhoneを選択できる用になっているので、選択します。
これでWEBインスペクタが立ち上がって、いつも通りhtml,cssを書き換えてみたり、コンソールからjavascriptも実行できちゃいます。
ちゃんとiPhoneのsafari上でも選択したエレメントが反転してたり、しっかりわかりやすくて思いのまま!
便利ですね!!