I’ve been looking for something that works in Safari kinda like Firebug does in Firefox. I recently learned that Apple includes it’s own web developer tool set inside safari. They are disabled by default, but the “Web Inspector” works just like firebug and even includes some features that firebug has yet to implement. This is all included in a very friendly interface for you to work with.

To enable the web inspector in safari, open up a terminal window(Mac HD > Applications > Utilities > Terminal) and type the following line…

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

Restart Safari and the web inspector is now enabled.

To use the safari web inspector, right click on any element in a web page and choose “inspect element”. This will bring up a section in the bottom of your browser with the web inspector.

Cheers