debugging cordova apps

with:
- weinre
- iWebInspector
- Real Remote Web Inspector

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

caveat

Most of this stuff currently only works for WebKit-based browsers.

Ongoing work to get weinre running on Windows Phone.

JS bin

Something is going on here, between a Cordova app and JS Bin.

There's also something going on with JS Bin and Adobe Shadow.

Ask Remy Sharp!

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
• if you have Safari 6.0 installed (you probably do):
  • you'll need to install and use old version of Chromium for your debug client; see the iWebInspector help page for more info.

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

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

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
    • help with Windows Phone 7 support
    • help with media query support
    • whatever!

more info

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

questions?