debugging cordova apps

with:
- weinre
- iWebInspector
- Real Remote Web Inspector

Patrick Mueller - IBM, Apache Cordova, WebKit
@pmuellr
http://muellerware.org/

caveat

Currently only works for WebKit-based browsers

weinre

• UI and a lot of function from Web Inspector
• NO JAVASCRIPT SOURCE DEBUGGING
• run the weinre server on your desktop box
  • or find a weinre server on the internets
• install via sudo npm -g install weinre

iWebInspector

• hack to enable private Real Web Inspector API
• for iOS 5 simulator only
• not everything works correctly
• JAVASCRIPT SOURCE DEBUGGING WORKS

Real Remote Web Inspector on new-ish RIM devices

• should just work

Real Remote Web Inspector on Android devices

• enabled for Chrome
• not enabled for WebView
• so won't work with Cordova :-(

Real Remote Web Inspector on iOS 6 devices

• see: http://adrielservice.com/blog/?p=894
• requires
  • iOS 6
  • Mountain Lion
  • latest Xcode
• most discussion is currently covered by Apple NDA/CDA for iOS 6

demo time!

movies here:

• http://www.youtube.com/results?search_query=weinre

contribute to weinre!

• report a bug
• request a new feature
• hack some stuff:
  • doc
  • code:
    • replace XHR transport with socket.io
    • Windows Phone 7 support
    • whatever!

more info

• weinre
  • http://people.apache.org/~pmuellr/weinre/
• iWebInspector
  • http://www.iwebinspector.com/
  • or use the Cordova plugin

questions?