Web Inspector

Great to see details of Web Inspector on the Surfin’ Safari weblog. I love Safari, but Firefox is still my primary browser at work when building sites, mainly for the excellent debugging and developer extensions.

The Web Inspector highlights the node on the page as it is selected in the hierarchy. You can also search for nodes by node name, id and CSS class name.

Under the Style pane we show all the CSS rules that apply to the focused node. These rules are listed in cascade order with overridden properties striked-out letting you truly see how cascading stylesheets affect the page layout. All shorthand properties have a disclosure-triangle to show and hide the expanded properties created by the shorthand.

It also looks lovely - with subtle use of text-shadow and opacity. Web Inspector is currently available in the nightly builds, but I’m looking forward to a production release in 2.0.4.

Posted 4 years, 1 month ago

Commenting on this post has been disabled.

My name is Phil Lindsay, a web guy from Scotland, now living in Newcastle upon Tyne in England. I also run a web design company called Presence. You can email me at phil@xlab.co.uk, read more ramblings on my Twitter stream and view my photos on Flickr. You can grab the RSS feed for this weblog here.