Google Chrome Web Development Tools

If you are like me you like Google chrome because it’s fast, up-to-date, standards compliant and fast. But if you are a web developer, you need to use Firefox because it has Firebug, the best web development browser extension there is.

Well, it turns out that Chrome provides some built-in web developer features extensions that I stumbled upon the other day quite by accident. The image shows the developer tools open and at the code view and CSS inspector.
The [Google Chrome Developer Development]( page gives an introduction to the facilities and it contains are a number of videos that demonstrate what you can do with them as well as an detailed tutorial. This [blog posting]( introduces the google chrome developer tool and additional web developer extensions that can be used to extend the web development capabilities of the browser.
Now if there was only the equivalent of [Xinha]( and a proper [Delicious bookmarking extension](, I might never use Firefox again.
*Note for Mac users*: the page and tools menu are not turned on by default. The developer tools are hidden behind the view View -> Developer -> Developer tools menu. This explains why I only stumbled across them by accident. You can turn on the tools and page menu in by selecting Preferences from the Chrome menu (?,).
**Stop press**: There is now a beta version of the official Delicious [Chrome extension]( and it’s now installed! Let me know if there’s one for Xinha in the comments.

Author: cpjobling

Senior lecturer, College of Engineering, Swansea University