With the release of iOS 6, Apple released Remote Web Inspector for their Mobile Safari, and this is huge. Basically you have all the features and power of Web Inspector in regular Safari, for your mobile apps, including Phonegap apps.
I’ve used weinre but this tool makes it obsolete for newer versions of iOS (unfortunately not for old versions of iOS, non-iOS devices, or if you’re on Windows) since its a full-featured debugger with breakpoints and everything.
Requirements:
- A Mac with Safari 6+
- Either a USB-attached iOS 6+ device or xCode 4.5+ running an iOS 6+ simulator
How to activate the inspector:
- In your simulator or device, open Settings > Safari > Advanced > Web Inspector > On
(this is on by default in the simulator) -
In Safari 6+ for Mac, access your page from the Develop menu. You can enable Develop menu in Safari’s Advanced Preferences if its not showing up.
More discussion at the bottom of:
http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers
(Also, if you read about a “secret private interface” or iWebInspector somewhere, these are also made obsolete.)