UsingMac.com

Web Inspector for Safari

Inspector Ready to Use

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

Lucky for developers, with single line of command as shown above run from Terminal, Web Inspector that can scan through web pages, like Firebug in Firefox, will be ready to use.

Many things you can inspect with this tool, from the most common stylesheets up to the time used by Network to retrieve the data. As you can see on image below.

Inspect Wherever You Want

Placing mouse over a certain portion of the design followed by triggering Web Inspector, that can be done by the assistance of contextual menu, will result in the Safari Web Inspector spotlighting and showing the details.

To my disappointment, the spotlight position is relative to the browser window which means that when you scroll down the page, the spotlight will follow you; This ruins the good impression I initially got when realizing its existence.

WebKit Inspector

Nightly Builds, which contain many kinds of WebKit Inspector, can be downloaded to enhance your experience with Inspector.

While waiting for the download to complete, you can watch this short clip that gives a brief explanation to web inspector.

Disable Web Inspector

defaults write com.apple.Safari WebKitDeveloperExtras -bool false

Categories: Internet, UNIX, Open Source
Tags:

Subscribe to RSS Leave a Comment (13)

Related Entries

Some articles taken from our resource base, tightly related to current article, to empower you with more knowledge on tweaking the most out of your Mac.

13 Comments

ashish nagar

I have not got what to be done to get web inspector for Safari. How it can be installed on Windows machine?

zoran

@ashish nagar. It's installed. You can enable it by going to Edit > Preferences, Advanced tab. Then check "Show Develop menu in menu bar", and you'll see it! ;)

bart

Thanks!! I was searching too, and I found it now.

The Blueprint Project Black Edition

Nice post. Thanks for the info ..

geniusjubi

Great things you’ve always shared with us. Just keep writing this kind of posts.The time which was wasted in traveling for tuition now it can be used for studies.Thanks 
Best Real Estate Agent

geniusmalik

Great things you’ve always shared with us. Just keep writing this kind of posts.Best Forex Robots
The time which was wasted in traveling for tuition now it can be used for studies.Thanks

marmel

This made me feel more informed when discussing the same thing with a client, and packs a lot into few words. Julie, Lincoln
scent marketing

ajay kumar

I have not got what to be done to get web inspector for Safari. How it can be installed on Windows machine?
NIT Rourkela 2011 Admission

houston dentist

I didn't know that Safari has such versatile use! ... Thanks! houston dentist

Ibrahim Ibrahim Ciq

Actualités politiques

Cigarettes

Just a reminder. The method presented here works for most icons, however it might happen that you will still get the default burnable and smart folders. I found this article at interfacelift that shows other directories to be checked if you want a full system icon change.
Hope it helps.

essay papers

This floral websites are amazing. I never visited a website which is more pretty than this listed websites.

Mike

Thanks for this innovative and informative article. This article is making sense. Research paper writing service

Mac Tricks and Tips, Wallpapers and Applications for Mac Users