This article will show you how to debug web applications on your iOS device.
Author: Ben Barth, Mobile Software Developer at OpenText
Developing web applications can be fun and exciting. Even though browsers (and developers) are getting better at following standards — bugs can be exposed in your mobile browser that aren't visible in your desktop browser. My hope for this article (and AppWorks as a whole) is to provide an avenue in which you can quickly leave those pesky mobile bugs behind you and spend your time on things you and your users really care about.
On your mobile device launch the Settings app.
Navigate to Settings > Safari > Advanced and enable the Web Inspector option.
Once this setting has been enabled, launch Safari (on your mobile device) and enter the url of the web application or page you'd like to debug.
Now you'll need to physically connect your iPhone or iPad to your Mac.
By default, Developer options are disabled in Safari. Let's go ahead and enable it.
Now you can debug your mobile web application as if it were on your desktop!
You need to sign in before voting.