iPhoneのWEBアプリをMacのWebインスペクタでデバッグ

iPhoneのSafariで動くWEBアプリを簡単にデバッグしたいなら、Webインスペクタを使おうよって話です。

前準備
akira_simpsonさんによるとこの機能はSafari6以上からだそうです。というわけでSafariのVer6以上を用意する（フォロー感謝！）。
MacとiPhoneをコードで接続しておく。

iPhone側
設定＞Safari＞詳細>Webインスペクタ
をONにする。
Safariのデバッグしたいアプリを立ち上げる。

Mac側
Safariを立ち上げる
環境設定＞詳細＞メニューバーに”開発”メニューを表示
をONにする。
開発メニューを見ると自分のデバイス名が表示されているはず。
そこからデバッグしたいアプリ情報を選択。

あとはWebインスペクタが立ち上がるので、まるでPC上のSafariをデバッグするかのような雰囲気でデバッグできる。

ブレークポイントも置ける。
Elementも選択して内容を見られる。
コンソールも出る。

費用対効果高いと思うのでお試しあれ。2年程前に一生懸命電話側のconsoleに出していたのが嘘のよう。