Using Web Inspector on Ipad: "No Inspectable Applications"

Question

Trying to debug a website as displayed on the ipad by using the Safari web inspector. I can see the ipad in the Develop menu, but it only says "no inspectable applications" even when I have safari open. Have tried to restart both machines. Really stuck. The issue is a huge graphical bug that I see no other way to debug other than to understand the problem.

Development Machine:

Macbook Air

OS X 10.9.6

Safari on that OS: Version 7.0.6 (9537.78.2)

Testing Device:

Ipad

Version: 8.0.2

iOS: 8.0.2

Safari: unknown - when I run the "javascript:alert(...)" trick I get an error that says "Cannot Run Script"

Any clues?

Answer 1

I had exactly the same issue, and tried many of the suggestions.

It was finally clearing out my Web Cache on iOS that allowed me to Web-Inspect.

Prior to that, and these things may have helped..

1. Closed and re-started iPad Safari
2. Closed and re-started iMac Safari
3. Restarted the iPad
4. Cleared WebCache iOS Safari (in Settings > Safari) 'Clear History and Website Data'

Item 4. was the one that made it work for me.

My next Step, before becoming completely frustrated and phoning Apple, would have been to re-start my iMac, but both of these, for me, turned out to be unnecessary.