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 2 years, 7 months ago on 18th January 2006.
- D50 or 350D?
- Four Things
- Highlighting Labels
- Black is the new black
- Web Inspector
- Invasive iTunes
- MacBook Pro, iWeb and Intel iMac
- @media 2006
- Deal or No Deal