PhoneGap Day! Patrick Mueller on Weinre

Works at IBM @pmuellr

Weinre has a lot of functionality from webkit web inspector, he worked on building web inspector.
Adobe Shadow version is handy and cool- http://debug.shadow.adobe.com:8080/.
You can also install via npm, sudo npm -g install weinre

iWebInspector
Hack to enable private Real Web Inspector API
Lots of things don't work, console, etc.
JavaScript source debugging works, + profiling
Patrick has PhoneGap plugin on github to include it
https://github.com/pmuellr/phonegap-plugins

Real Remote Web inspector
RIM is the first company to enable it on the Playbook
On android not so good, iOS 6 kinda works.

Demos
Weinre
Code completion in Wienre console is awesome, nice functionality.
iWebInspector
Similar to Weinre, has a little more info in Network tab, the real good part is the Scripts tab. Timeline stuff is also much better than Weinre. Profiling works and is pretty rad. Might help with app functionality timing.

Contribute to weinre!
Report bugs (through Apache bug tracking technically, but he likes twitter messages, they're just as good).
Request a feature. He likes feature requests when he's bored.
Hack on stuff, docs need help.
He's interested in help with replacing XHR transport with socket.io
Windows Phone 7 support is needed.

Filed under:

Add new comment

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <cpp>, <java>, <php>. The supported tag styles are: <foo>, [foo].
  • Web page addresses and email addresses turn into links automatically.
  • Lines and paragraphs break automatically.

Ready for transformation?