Safari 3: Enable Web Inspector / Developer Tools

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.

 

About David Kirk

David Kirk is one of the original founders of tech-recipes and is currently serving as editor-in-chief. Not only has he been crafting tutorials for over ten years, but in his other life he also enjoys taking care of critically ill patients as an ICU physician.
View more articles by David Kirk

The Conversation

Follow the reactions below and share your own thoughts.

  • Excellent tip. I used this feature quite often in Firefox, so I’m glad I am able to activate it in Safari.