Good news to mobile web debugging on the iphone, ipad or android- weinre

For all you who developing mobile web app / phonegap base app (html,css and js base app), I have a good news for you. Some of you might know you can turn on the debug console for iOS's mobile safari which you could log only simple string. But you can never interactively debug your web app on the mobile device as if you are debugging desktop web app using firebug or chrome/safari dev console. Some guys (I believe from phonegap) has solve that problem for you. You can now interactively invoke js call in a chrome dev console like setting and the response will be reflected on your mobile device. i.e. you can fire an js alert on your desktop and it appear on your mobile device! It is just like magic! Don't believe in me?

check out this video : http://www.youtube.com/watch?v=4nL6xey13fE

You need to host your own server in order to do this, but phonegap is good enough to create a public server that everyone can use.

To try this new mobile debug experience, you just go to http://debug.phonegap.com/

1. type a string that unique to your application

2. add a line of code to the page you want to debug on your mobile

3. go to a URL given, this url will trigger a chrome dev console like page and you can use it as if you are using the chrome dev console, try alert('hello world') and be amazed what you saw from your eyes!

here is the original page for that great piece of software weinre - Home