I am using weinre to debug mobile web applications. Using weinre I can inspect the DOM on my mobile Safari browser, change CSS on my iphone, and debug JavaScript.
http://people.apache.org/~pmuellr/weinre/
The setup is slightly complex but once you get it up and running you will love it.
Basic steps:
- Install node.js
- Install npm
- npm install weinre
- Run weinre, the boundHost flag is your friend
- Open the weinre web server console on your desktop — probably http://localhost:8080 (served by weinre-node server)
- Copy the weinre
SCRIPTtag into the source of the page that you want to debug. (i.e. to be viewed on your iPhone) - Open the page that you want to debug using your iPhone (or other device)
- The HTML, CSS, DOM, and JavaScript are now visible on your desktop browser! You can mess with everything on the remote page as you would with the Chrome/Safari/Webkit web inspector consoles.
