Thursday, June 21st, 2007

New Safari / WebKit Inspector

Category: WebKit

The WebKit team announced a new version of the Web inspector that includes:

  • Completely redesigned interface, no longer a transparent panel
  • Works with any WebView inside third-party applications, not just Safari
  • Supports docking to the inspected page
  • Shows all resources included by the page, sorted into categories
  • Global search through all text-based resources
  • Console to show errors and warnings with live JavaScript evaluation
  • Network panel showing resource load timeline along with HTTP request and response headers
  • Resource size and load time summary graph in the Network panel
  • Syntax highlighted HTML source
  • Inline JavaScript and HTML error reporting

You get the inspector when you grab nightly.

Posted by Dion Almaer at 12:28 pm

3.7 rating from 30 votes


Comments feed TrackBack URI

As someone who spends every day looking at waterfall views like the image above, I bow to a group that can make the data look so damn sexy. Oh Apple, how I love thee.

It’s great to see browser developers also building such compelling tools for the development community.

Comment by Ryan Breen — June 21, 2007

I have to say that it’s really slick. Some parts aren’t there yet, but it’s looking good so far.

Comment by Adam Sanderson — June 21, 2007

The web inspector works quite well on Windows (yes, nightly Webkit builds are available for Windows now too).

Off topic: I wish someone would write an app to automate the download/updating of the nightly Webkit builds. (so it would be as easy as Firefox’s nightly updates).

Comment by xxdesmus — June 21, 2007

This is great news especially that now the nightlies are also available on Windows.

Now, what are those third-party applications supported? Surely not IE.

Comment by Jacques — June 21, 2007

I am kinda getting sick of these reflection effects.

Comment by Bono — June 21, 2007

These apps to automate the download/updating of the nightly Webkit builds are already available on the Mac. I guess that for Windows it’s a question of time.

Comment by Jacques — June 21, 2007

Wow, this will make developing for Safari a lot easier. I can’t imagine doing primary web development without Firebug anymore, and this is a step in the right direction.

I’m not able to play with this today (Ubuntu laptop), but if it ends up being code-compatible with Firebug (console.*, inspect(element), profile, etc), it’ll ease the context-switch of JS/DOM debugging on multiple browsers.

Comment by Mike Owens — June 21, 2007

> I am kinda getting sick of these reflection effects.

Haha, couldn’t agree more. I loved how on the leopard presentation on the lector mentions that your windows reflect in the dock bar or however it’s called, damn, that’s like the most useful feature I’d want from an OS :).

Comment by nea — June 21, 2007

Get NightShift, which automates the downloading of nightlies :)

It’s for mac @

Comment by Eric — June 21, 2007

It is cuter than Firebug in some ways, but it has many fewer features… (in-place editing, XHR spying, showing rulers when inspecting css…)

It also feels strangely cumbersome to work with — I think the devs need to take the reigns back from the designers bit while they all enter the “tweaking” phase of this thing.

Great work here, but perhaps a bit too cute for its good?

Comment by jamie — June 21, 2007

Hmm, to critisize the design I agree with jamie – It’a a bit too cuddly for data display, and there’s bound to be a backlash soon to the reflective effect , it’s done to death

Comment by Justin L — June 22, 2007

Yeah, reflections are almost as bad as those icky gradiant effects you see everywhere these days. I’m sure they’ll all be gone soon. While you’re at it, please get rid of rounded corners and drop shadows! Geez.

Comment by Leland Scott — June 23, 2007

Yeah, i wish everyone would just go back to styling things like windows 98, that would be a great step forward…

Comment by Bob — June 26, 2007

Can anybody give me any pointers on how to get this running on Windows please? I’ve been Googling it for about an hour now and got nowhere. I’ve downloaded the latest nightly zip but it doesn’t have an installer … or a user guide … or even a readme. I’ve tried running all the exe and bat files but none of them seem to do anything. Its all very frustrating – this looks like such a great tool but I have a feeling someone doesn’t want us none Mac folk using it :D

Comment by MikeHarris — February 25, 2008

Leave a comment

You must be logged in to post a comment.