Safari 3: Enable Web Inspector / Developer Tools
Contributed by David Kirk 
Tagged: Mac OS X Leopard For web developers, viewing the DOM and reviewing the style sheet rules are essential. With a quick command you can enable the web inspector for Safari 3.
IE developer toolbar for IE or Firebug/YSlow for Firefox — these are valuable tools for web developers and programmers. Theming, designing, and web programming without such developer tools is practically impossible.
While the other browsers require additional add-ons, Safari just requires a terminal command…
defaults write com.apple.Safari WebKitDeveloperExtras -bool true
Once you enable the flag, you will need to quit and restart safari.
Right-clicking (ctrl-clicking) on any element of the web page will show an option to open the web inspector.
The developer’s tools open which will allow for easy exploration of the style rules, properties, etc.
You may also like -
OS X: Set Default Browser
Mac OS X change the default web browser
iOS5: Open Web Pages in the Background
How to use Google Instant on Opera Now
Safari: How to Clear the Google Search Box History
Safari 5: Enable Extensions Menu
iPad: How to Clear Safari's Cache, History, and/or Cookies
MySpace: View Profile Without CSS, Custom Styling, or Theme
Eric Transue said on February 23, 2010
Excellent tip. I used this feature quite often in Firefox, so I’m glad I am able to activate it in Safari.