WebKit にはリモート インスペクターがありますが、実際の iOS デバイスで (少なくともジェイルブレイクなしで) 有効にするのは難しいため、ほとんどのツールはシミュレーターのみです。iWebInspectorは有望に見えますが、シミュレーターの WebKit ライブラリーはデバイスのものと同一ではないことに注意してください。
そこで、weinreの出番です。weinre を使用すると、「携帯電話に表示されている Web ページをラップトップからデバッグする」ことができます。それがどのように機能するかは、次の 2 つのものをホストするカスタム HTTP サーバーを実行することです。
- デバッグするページに含める JavaScript ファイル
- デバッグ元のマシンにロードする Inspector ページ
たとえばサーバーを起動し、Web ページのソース コードのjava -jar Downloads/weinre.jar --boundHost -all- --httpPort 4242
ようにスクリプト タグを配置し、たとえばhttp://weinre-server-name.local:4242/clientに移動してインスペクターを読み込みます。ローカル WiFi 接続で iPhone にターゲット ページをロードすると、メインフレームのクライアント ページに接続が表示され、インスペクター タブを使用して iPhone でページを表示/編集できます。<script src="http://weinre-server-name.local:4242/target/target-script-min.js">
これにはいくつかの制限 (Javascript ブレークポイントがないなど) があり、少しラグが生じる可能性がありますが、全体的にはかなり魔法のようです。