DEC
02
Web Inspector for Safari
Posted by Wendy
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
LEAVE.A.REPLY