https://github.com/google/ios-webkit-debug-proxy
iOSとLinuxのみ。Windowsは動作しない。
公式チュートリアルにあるようにbrewで簡単インストール
brew install ios-webkit-debug-proxy
前提条件としては
- デバックされる側でsafariのWebインスペクタが有効になっていること
- デバックされる側でsafariで何か閲覧している状態であること
Webインスペクタ有効化方法
http://iyuto.com/iphone/iphone-tips/web-inspector-ios6/
proxy serverを起動する。
ios_webkit_debug_proxy
# `-d` するとデバッグログが出る。見る気がしない。
ios_webkit_debug_proxy -d
端末をUSBでつなぐか、シューミレータを立ち上げて、下のURLにアクセスする。
http://localhost:9222/
接続されているデバイスの一覧が出るので、リンクをクリックするとChromeのDevtoolが起動してデバックできる。 （ちょっともっさり）
Note
普通にデバックできるのだが、elementsタブでstylesの変更ができない？
これっぽいけど未解決。
google/ios-webkit-debug-proxy#12
こんなエラーが黒い画面に出る。
send failed: Socket is not connected