Webkit catching up with Firefox and Firebug

Webkit, the rendering Toolkit that powers Apple's Safari web browser, is getting a lot of love lately (iPhone, Windows beta version).

But for developers it was always hard to debug and inspect your web applications running in Safari. With Drosera a decent debugger exists since June 2006 (for Webkit only so far, though — it's not going to happen with Safari 2).

And now, the (already existent, but somewhat weird looking) (Web) Inspector got a makeover:

Webkit: New Inspector

This is a big step, giving web developers not only the chance to precisely identify why this or that DOM element is shown in the way it is, but it also allows a look into how the web page loads, much like Firebug on Firefox.

As a neat extra, you can view how your components add to the loading time of the page.

Webkit: Transfer Time

Even though Webkit is in some ways just mimicking Firebug, it is a good step for future web development on Safari. Even more as the new Webkit builds contain less than the usual number of browser quirks that make programming Safari difficult in the Ajax world.

The Webkit nightly builds provide the new feature by a right click on the page, selecting "Inspect Element". For more info, see the blog post on Surfin' Safari Webkit blog.

Finally one more pic, because it's quite beautiful :)

Webkit: CSS/DOM

, , , ,

Posted in web