Web Inspector in Xcode 5.0 broken

Question

Web Inspector in Xcode 5.0 broken

Just updated to Xcode 5.0 on 10.8.5 & Safari 6.0.5 and the Web Inspector in Safari appears to be broken.

The code inspector does not show any content of any divs - expanding the triangle shows nothing. I have checked this on many sites, including apple.com, and they all show the same behaviour. Some sites show a few levels of nested items, but never their contents.

This is both in the iPhone Simulator and my iPhone 4, both running iOS7.

Cheers

iMac, OS X Mountain Lion, iPhone 4 & iPad 1

Posted on Sep 24, 2013 4:14 AM

Reply

Answer 1

ricnunes

Level 1

6 points

Sep 24, 2013 9:59 AM in response to Peter. Vandoorn

I noticed that the problem is iOS7 related.

Didn't run the simulator but tried with 3 different devices:

1 - iPad 4th gen with ios7 - Doesn't work

2 - iPhone 5 with ios7 - Doesn't work

3 - iPhone 5 with ios6 - Works

Tried 5 different websites, all with the same result. The Web Inspector only works on the device with iOS6

Reply

Answer 2

Sep 27, 2013 11:34 AM in response to ricnunes

I had this for a short time in the simulator just now:

iOS7
both with mobile Safari
and with PhoneGap 3 (embedded WebView)
Xcode5 release
OSX 10.8.5 MBP, 2G+ free RAM

The only change I made was restarting Xcode, then it suddenly worked.

Restarting OSX Safari did not fix it. I was dead in the water because in the Resources inspector not only would the divs not expand but none of the accordions on the right would expanded either (completely different controls!?) making Web Inspector unusable.

Clue? I had removed Xcode DP5 an hour earlier, using:

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
moved Xcode DP5 from Applications to Trash
no reboot (of course)

If it happens again I'll post relevant console log.

Reply

Answer 3

Sep 27, 2013 12:10 PM in response to Touchlytic

Can recreate:

Start inspector session (no need to restart Safari)
Select [Resources ^1] on the left toolbar and [Style] on the right toolbar
Everything Broken
If you leave the inspector on [Style] it will immediately break every new session

Temporary fix for all but Styles:

leave the right inspector on anything other than [Style] (i.e. Resource, Node or Appearance)
close inspector
restart inspector session
you now can navigate the DOM and use other inspectors

Nothing occurs in console logs.

Reply

Answer 4

harking

Level 1

4 points

Oct 2, 2013 3:33 PM in response to Touchlytic

Same behavior here. Please let us know when there will be a fix for iOS7.

Reply

Answer 5

Oct 3, 2013 8:53 AM in response to Touchlytic

Touchlytic have you found any work around to get the styles to show up? This is a really serious bug

Reply

Answer 6

Oct 4, 2013 9:51 AM in response to Peter. Vandoorn

Timothy Hatcher informed me: You need to use a WebKit nightly, Safari 6.1 or OS X Mavericks betas to use Web Inspector with iOS 7. Worked for me to use the Webkit nightly.

http://nightly.webkit.org/

Reply

Answer 7

Oct 7, 2013 5:03 AM in response to trippel311

Great thanks nightly works for me too.

Reply

Answer 8

allink.

Level 1

0 points

Oct 9, 2013 4:59 AM in response to trippel311

where to get Safari 6.1 from? I've installed all updates and mine is on 6.0.5, OS X 10.8.5

Reply

Answer 9

Dav086

Level 1

8 points

Oct 14, 2013 3:14 AM in response to allink.

You can get Safari 6.1 from apple developer area (https://developer.apple.com/downloads). You just need a free account.

Reply

Answer 10

obacher

Level 1

0 points

Oct 14, 2013 5:42 AM in response to Dav086

Safari 6.1 Seed 8 did the trick.

Thanks.

Reply

Answer 11

Bateau

Level 1

9 points

Nov 8, 2013 11:02 AM in response to obacher

XCode 5.0, iOS 7 on Simulator and Safari 7.0 on Mavericks are still broken trying to use developer tools against an my app using UIWebView. I can see the application in the Web Inspector and attach. If I try to view source code of any scripts it just shows a spinning icon and doesn't load anything.

DOM inspector plain doesn't work. You can inspect elements in Mobile Safari, but you can't inspect elements loading into UIWebView inside an application.

Reply