WebKit Web Inspector improvements

The Web Inspector is the web development tool that ships with WebKit-based browsers, doing roughly what Firebug does for Firefox. It does some things better and others not quite as well.

The list of things that it does not do quite as well as Firebug became a bit shorter with the recent Web Inspector Updates. Available in recent WebKit Nightly builds, the Web Inspector has improved or added support for things like:

• Editing element attributes and style properties
• Creating and modifying CSS rules and selectors
• Viewing event listeners
• Syntax highlighting
• Debugging Ajax
• The Firebug Command Line API

One feature I was particularly interested in is being able to see what event handlers are assigned to a particular element. Too bad that if you’re using a library like jQuery or YUI to add those events, the information you get is not very useful. But at least you can see that the element does have an event handler assigned.

All in all very nice improvements.

Posted on November 11, 2009 in Browsers, Coding

• Previous post: Headings and document structure conclusions
• Next post: Vendor-specific extensions are invalid CSS

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.