Mac Safari's cool new Inspector

Summary:As a reluctant web page developer on StorageMojo and for friends, I often wonder how a page I like is done. With Safari's cool new Inspector I don't have to wonder any more.

As a reluctant web page developer on StorageMojo and for friends, I often wonder how a page I like is done. With Safari's cool new Inspector I don't have to wonder any more.

Here's is what the Inspector looks like:

safari_inspector1.jpg

It makes it easy to pick out the CSS, documents and other components of a page. Check the "Show implicit properties" box for even more data on the page.

A quick tour This shows the Inspector as an independent window, but if you click 2nd from the left icon at the bottom of the window it will show up at the bottom of the Safari window. Click on "body" and the body code will appear, highlighted.

Enabling the Inspector functionality requires a quick trip to the Terminal (located in your Utilities folder). At the prompt enter defaults write com.apple.Safari WebKitDeveloperExtras -bool true

Restart Safari, right click on a web page and you'll see a new "Inspect Element" option.

Comments welcome, as always. Firefox's Firebug add-on is an option for devoted FF users.

Topics: Operating Systems, Apple, Browser, Hardware, Software Development

About

Harris has been working with computers for over 35 years and selling and marketing data storage for over 30 in companies large and small. He introduced a couple of multi-billion dollar storage products (DLT, the first Fibre Channel array) to market, as well as a many smaller ones. Earlier he spent 10 years marketing servers and networks.... Full Bio

zdnet_core.socialButton.googleLabel Contact Disclosure

Kick off your day with ZDNet's daily email newsletter. It's the freshest tech news and opinion, served hot. Get it.

Related Stories

The best of ZDNet, delivered

You have been successfully signed up. To sign up for more newsletters or to manage your account, visit the Newsletter Subscription Center.
Subscription failed.