26 Mar 2014

iPhone 実機に対して Web Inspector でデバッグ

確か iOS6 の頃からだけど、iPhone の実機に対して Web Inspector (開発者ツール) でデバッグができる。むかしはそういうツールが必要だった気がするけど、もう現代では Safari だけあればよい。また iPhone Safari だけでなくアプリ内の WebView も対応していて便利。

手順も簡単で、

  1. iPhone の Safari の設定で Web Inspector をオンにする
    • Safari -> Advanced -> Web Inspector

  1. iPhone と Mac を有線で接続
  2. Mac で Safari を起動し Develop -> 端末名 -> ページ名 を選ぶ

たったこれだけで非常に手軽。余計なものを入れなくていいのもうれしい。