Mobile Safari Debugging

One of the biggest challenges with developing mobile web applications is the ability to debug them.  In general the work the same as the desktop browsers and you can use their development tools.  But other times it can be a true nightmare when something works everywhere except on the mobile platform.

Fortunately Apple now supports debugging of Mobile Safari on iOS6  through the debugger provided on the Safari 6.0 (Mac Only) browser.

  1. On the device, go to Settings -> Safari -> Advanced and enable Web Inspector
  2. On the Mac, go to Safari -> Preferences -> Advanced and enable “Show Develop menu in the menu bar”
  3. Physically attach the device to the Mac.  A device menu will appear under the Develop menu on Safari.
  4. Select your device and begin debugging.

More detailed versions can be found here: