Debugging mobile Safari in iOS 8 and iOS 9

Question

After switching to new versions of iOS, I've not been able to debug my web app from OS X Safari to my iPhone Safari browser. My iPhone shows up but I get no options.

On my iPhone, I have allowed the web inspector.

English: Developer -> Johans iPhone -> No inspectable applications.

If I, however save my web app to my home screen - I can get the developer tools for that app, but it's not what I want at this occasion. Unfortunately I have no other iOS / OS X devices to test with, so any help would be greatly appreciated.

Solution 1

Debugging iOS 8 mobile Safari requires desktop Safari 7.1, which is only available with OS X 10.9.5 or greater.

What you need to do is:

1. Update (via Apple menu->Software Update) to OS X 10.9.5 (if you haven't already)
2. Once you've done that, you should see the Safari 7.1 in the list of pending updates

Once done, you should see be able to debug as usual via desktop Safari.

Solution 2

Though this is an old question, it should be mentioned somewhere in the answer that you actually have to enable remote inspection on the iPhone first before anything will show up.

Go to: Settings --> Safari --> Advanced --> Web Inspector

Solution 3

Also for iOS 9:

On your mobile device under Settings -> Safari -> Fraudulent Website Warning = OFF [default = ON]

Comments

[mrand01]

After updating to 7.1, are you able to debug IOS 7 devices still? I see no console output. Just wondering if you see the same?

[Josh]

Good question... and unfortunately I don't have any iOS 7 devices, so I don't know.

[jollelj]

I was in a rush but tried, and from what I could see I got the console outputs that I excepted.

[sdude]

If your mobile disappeared from Safari's device inspector in iOS 9 @tabrindle has the correct answer