Debugging iOS7 Safari CSS issues with web inspector

ios7 safari-web-inspector
Anna picture Anna · Sep 18, 2013 · Viewed 19.5k times · Source

I followed the steps to set up debugging webpage on iOS. It worked. However I see an issue with the inspector - it doesn't let me check the DOM and corresponding CSS. Anyone else has this issue? (Exact same issue when debugging using the simulator.)

Screenshot: http://screencast.com/t/E4fxPQwk14

Resource: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html

Thanks!

UPDATE: WebKit nightly works. Thank you Timothy Hatcher!

Answer

Timothy Hatcher picture Timothy Hatcher · Sep 19, 2013

You need to use a WebKit nightly, Safari 6.1 or Mavericks to use Web Inspector with iOS 7.

Related questions

How to change Status Bar text color in iOS

My application has a dark background, but in iOS 7 the status bar became transparent. So I can't see anything there, only the green battery indicator in the corner. How can I change the status bar text color to white like …

Read More
How to change Navigation Bar color in iOS 7?

How do I change the Navigation Bar color in iOS 7? Basically I want to achieve something like the Twitter Nav Bar (updated Twitter for iOS7 that is). I embedded-in a nav bar atop a view controller. All I want is …

Read More
Why is there extra padding at the top of my UITableView with style UITableViewStyleGrouped in iOS7

Starting in iOS7, there is additional space at the top of my UITableView's which have a style UITableViewStyleGrouped. Here is an example: The tableview starts at the first arrow, there are 35 pixels of unexplained padding, then the green header is …

Read More