The new WebKit inspector

by Erica Sadun


Yesterday, the Surfin' Safari blog introduced the newly updated completely redesigned Webkit Web Inspector, compatible with both Windows and Mac. Today, I fired up NightShift, installed the latest nightly build and gave it a go.

The new inspector has a completely different look from the old, translucent gray version. It gives you a lot more space to see things, the elements are all laid out more logically, and there's far more control and overall usability than previous inspector.

Instead of the old-style red rectangles, the new version highlights items on the webpage using the new Safari-find style gray-overlay. You can see that in the picture here, with the selected item in the Inspector highlighted on the webpage behind it.

To be fair, the old style is in many ways "prettier" than the new one, but the new version fairly kicks the old style's rear in terms of functionality. Nice work, Webkit dudes!

As a final note, for reasons I do not begin to understand, both the old and the new inspector seem to be in my current Webkit installation. Sometimes the new one loads when I inspect an element, sometimes the old one. Be persistent.

Update: The reason I ended up with both inspectors is that I had both the Webkit nightly build *and* the normal build of Safari running at the same time. I didn't figure this out until the Window menu showed too few open windows that were clearly open.

A shot of the old-style inspector follows after the jump...


2007-06-23 06:14:56
Enough with the Jumps!!
I presume it's some reference to a US TV programme - but to me over here in the UK, it's totally meaningless. When you first started using the stupid, meaningless comment in every post I put up with it as your prerogative. But you've been doing it for so long now that it's become boring and irritating. The use of the comment contributes absolutely nothing to your articles. Nothing at all. Please stop it!
Erica Sadun
2007-06-25 10:38:38
Hi Gary. Here's an explanation of "after the jump". It refers to an article that continues after clicking a link, a holdover from print newspaper jargon.
2007-06-25 15:05:57
Hi Erica

Thanks for taking the time to respond and explain the source of the expression. Okay - in that context I can see the relevance, though I find it no less irritating for that. Even allowing for its justification, when on a page such as this, it's always closely followed by the a link such as this one: Continue reading "The new WebKit inspector" ยป. As such, I feel it's somewhat redundant...

As a technical person, I follow all my regular sites via RSS feeds. In most cases, I decide whether or not to look at the full web page based (in descending order of importance) on the site, the article title and maybe the first few lines. If an article looks even vaguely interesting, I get it loaded into a web page for subsequent reading. I can rattle through a large group of article summaries in just a couple of minutes, deciding what to spend more time looking at. I then jump from seeing the first few lines of the summaries to seeing full articles. In each of those contexts, references to the jump are irrelevant. Hence my original comment about its zero value contribution and my irritation with it...