Remote Debugging for iOS Devices with Safari
August 25, 2013I was pretty impressed when i first saw how Ghostlab enables us to remotely debug a design on a mobile device. While Ghostlab can do many other things, remote debugging on an iOS device is also possible directly from within Safari. I’m honestly not sure if this is a new feature or not, but it’s very cool and pretty easy to use.
1. Connect your device via USB
2. On your iPhone, go to Settings / Safari / Advanced and activate “Web Information”
3. On OS X, open Safari and activate the dev tools
4. Open any website on your iOS Device
5. Now you should see your device(s) in the Menu “Developer” in Safari form where you can access the Web Inspector for any open site on your iOS device.
As far as i found out, this is only possible with iOS 6 and up and Safari on a Mac. There’s a similar function in Chrome to remotely debug on Android devices, which i haven’t tried yet, but looks exactly the same.