WebkitInspectorJune07.jpg

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…

OldStyleWebkit.jpg