HomeApple MacMac OS X LeopardSafari 3: Enable Web Inspector / Developer Tools

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.

David Kirk
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.



Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

Recent Comments

Cleveland Furia on How to Clear Google Activity
Sid Wohlfarth on How to Clear Google Activity
Riley Magsayo on How to Clear Google Activity
สมัครรับเครดิตฟรี ทันที on How to improve Remote Desktop Protocol Performance
Neal Wangstad on How to Clear Google Activity
Slavcho Andov on How to install Ubuntu
Slavcho Andov on How to fix bad sectors
Sheraz Ali on How to Backup Android