Quantcast

Creativebits.org

an All Creative World site
panatlantica@drupal.org's picture
6 pencils

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.

Commenting on this Forum topic is closed.

AttachmentSize
webInspector.png68.98 KB
thumbslinger's picture
10 pencils

I still prefer the Web Developer tools extension for Firefox. So many tools!

Creativebits is a blog about creativity, design and Macs. We also have a critique section where you can post your work to get opinions and a forum to discuss any design related topics.

Recommend us on Google

Latest critique

  • Butterfingers ad campaign
  • Critique for my logo

Marketplace