iOS6で追加されたWebInspectorを使用する方法

iPhoneの設定->safari->詳細->Webインスペクタをオンにする。

f:id:thujikun:20120926223027j:plain

f:id:thujikun:20120926223032j:plain

f:id:thujikun:20120926223036j:plain

②PC版Safariの環境設定->詳細->メニューバーに"開発"メニューを表示をチェック。

f:id:thujikun:20120926223519p:plain

f:id:thujikun:20120926223845p:plain

iPhoneをPCにUSB接続し、Safariの開発タブ->接続したiPhoneを選択->調査したいページを選択

f:id:thujikun:20120926224110p:plain

④おなじみの(ちょっとだけ違うけど)Web Inspectorでデバッグが可能に!

f:id:thujikun:20120926224449p:plain

f:id:thujikun:20120926224528j:plain

 

開発者にとっては素晴らしい機能の追加ですね!

Let's enjoy developing Web Application!