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に出していたのが嘘のよう。