As of yesterday, nightly builds of Webkit now includes a significantly updated version of Web Inspector.
There are quite a few changes, so let’s take a look at them.
Editing Element Attributes and Style Properties #
User interface has been modified a bit to support tabbing, which makes it easy to move between different items and/or create them. Also, is it now possible to add new attributes by hovering over the node in the Element’s Tree Hierarchy.
Creating and Modifying CSS Rules and Selectors #
One of the more useful additions is a feature which allows developers to quickly create or modify existing CSS rules and selectors.
CSS Color Representations #
One of the things I used to hate about Web Inspector was its way to display color code (rgb (255, 255, 255)). Fortunately, new version not only fixes this issue, but also has few other options to represent it:
rgb(255, 255, 255)
hsl(0, 100%, 100%)
That’s not all! It now also received features such as: Event Listeners, new Keyboard Shortcuts, Syntax Highlighting, Breakpoints and Watch Expressions and many more.
About (Author Profile)
Vygantas is a former web designer whose projects are used by companies such as AMD, NVIDIA and departed Westood Studios. Being passionate about software, Vygantas began his journalism career back in 2007 when he founded FavBrowser.com. Having said that, he is also an adrenaline junkie who enjoys good books, fitness activities and Forex trading.