nosewheelie

Technology, mountain biking, politics & music.

Safari’s Web Inspector

with 3 comments

We’ve been performance tuning Scoodi for the last few days, making extensive use of FireBug and YSlow in Firefox. Surely there’d have to be something similar for Safari? Please don’t make me start Firefox when I need to do this sort of work…

I’d heard about Safari’s Web Inspector and Drosera a while ago, but the latest Safari 3.1 makes these easily available in a new “Develop” menu (enabled in Safari’s preferences). The Web Inspector is nothing short of spectacular, it seems to have a lot of FireBug’s features (I’ve not found anything apart from the selection widget that FireBug has over it), wrapped up in the usual Mac eye candy.

Here’s a screen shot of it in action against the Scoodi UAT site, showing HTTP headers.

You can also attach it to the browser window (FireBug style) with the icon on the bottom left. I noticed this morning also that IE 8 now bundles a developer console also.

Written by Tom Adams

April 8th, 2008 at 11:35 am

Posted in Design, Mac, Ruby

Tagged with ,

3 Responses to 'Safari’s Web Inspector'

Subscribe to comments with RSS or TrackBack to 'Safari’s Web Inspector'.

  1. WebKit rocks indeed ! It really is leading the pack amazingly now.

    Michael Neale

    8 Apr 08 at 12:44 pm

  2. Yeah, the Ephiphany announcement makes things even better from a Linux POV.

    Tom Adams

    8 Apr 08 at 1:16 pm

  3. Yep, I’m using it all the time to optimise mobile sites. YSlow gives you the guidance and tips to improve your site but I like Safaris web network timeline, its fast and easy to iteratively try different caching and compression setups until you can hit the ‘A’ score on YSlow. “Bandwidth = Money” people!

    Keith

    10 Apr 08 at 9:52 am

Leave a Reply