Safari 3 (OS X) for Web Developers

Hi everyone,

I thought I dropped a line here - some who have used or are using WebKit, the Open Source development fork of Safari, know the "Web Insepector": The Web Inspector lets you browse the live DOM hierarchy in a compact HUD style window.

In WebKit (OS X), the Inspector is turned on via a Terminal command. That same command now works with Safari 3 as well:

you will need to type the following in the Terminal once:

defaults write com.apple.Safari \
WebKitDeveloperExtras -bool true

You will then see a new “Inspect Element” contextual menu item on any web page. This will open up the Web Inspector and refocus to the node under your cursor.

Attached you'll find a screenshot of the Inspector in action.