A few months ago my friends at 280 North told me about Safari’s Web Inspector. Its quite simply Safari’s version of Firebug. Until recently I never had much of a reason to test it out but tonight I did. To enable it simply run the following command in your Terminal.
defaults write com.apple.Safari WebKitDeveloperExtras \
-bool true
Update: A better way to enable it is in the advanced tab in your preferences. Thanks Rik
More instructions for the rare windows users are here.
After that brief setup you can right click on page elements and choose “Inspect Element”. It’ll open up the Inspector window which has many of the same features as firebug including the option to dynamically edit css files and the following view showing load speeds for your pages.
I’m looking forward to playing with this more.
Advertisement
Posted by Ross Boucher on February 9, 2009 at 10:17 am
Make sure to check out the webkit nightlies, they have a vastly improved version of the web inspector (http://nightly.webkit.org)
Posted by godavemon on February 9, 2009 at 5:07 pm
Thanks Ross. I’m checking it out now. Definitely some sweet improvements. Its now pops up in the bottom part of the browser similar to Firebug.
Posted by Rik on February 9, 2009 at 5:57 pm
You don’t need to type this awful command in the Terminal. Just go in the Advanced panel of the preferences.