Debugging mobile apps can be a pain in the neck, you have multiple platforms, multiple versions etc, for example developing for iOS requires you to own a Mac, android development has many packages to download and not so easy.
Wondering the web you probably find Sencha and jQueryMobile as the leading JS web developments.I started with Sencha, downloaded the editor but learning curve was to long for my needs. (More on Sencha in a future post)
I was searching for alternatives and found a nice web tool called Tiggzi, it was simple and intuitive but not powerful for most of my needs. In any case all IDEs had major issues trying to debug them.
Looking for the best bread solution I found Ripple (which was bought by RIM). Ripple is a Chrome plugin allows you to set and test any mobile configuration: GPS, Acceleration, Contacts etc., You can choose between platforms (IOS, Android, HTC and more), the actual device (iPhone, iPad) and even its orientation.
Basically you can enable Ripple for any website, below you can see this blog over iPhone.
Ripple mobile addin wraps the website you currently visit and allows you to set the platform, location on the map, acceleration, dev platform (PhoneGap, MobileWeb) And even contact list so you can test real world scenarios.
Debugging is easy thanks to Chrome ( Ctrl+Shift+J ) great debugger!
Note: you should disable any popup blocker before trying to run anything!!!
Things I would add to Ripple:
- Ability to test camera and photos library
- Add images and details to dummy contacts
- Fix annoying bug where page is not loading due to ripple.js cannot be found