Google Chrome Developer Tools

by Tim Dupree at 9:41 am on April 15th, 2010 | 1 comment

The Google Chrome web browser is extremely fast and has pretty much become my primary browser. It has some developer tools baked into the browser similar to the Firebug addon for Firefox.  I still tend to gravitate to using Firebug for heavy duty stuff, but the tools in Chrome are good enough that I find myself breaking out Firefox less and less for Firebug. If you are feeling geeky, or want access to some of the newest developer tools for Chrome/Webkit, you can run with the Dev Channel build. It is the most cutting edge build of Chrome, so you always get the new stuff before everyone else (but it can be unstable every now and then).
Here are some handy web dev extensions for Chrome:
Google Speed Tracer:
Web Developer Toolbar (a port of the popular toolbar for Firefox):
Pendule (similar to Web Developer Toolbar):
Chrome SEO:
Click the image below to see some examples of using the Chrome Developer Tools:
Chrome Developer Tools
Tags

Comments

One Response to “Google Chrome Developer Tools”

  1. Perfect extension to embed jQuery into Chrome Console as simple as you can imagine. This extension also indocates if jQuery has been already embeded into page.

    This extension used to embed jQuery into any page you want. It allows to use jQuery in the console shell (You can invoke Chrome console by “Ctrl+Shift+j”).

    To embed jQuery into selected tab click on extention button.

    LINK to extension: https://chrome.google.com/extensions/detail/gbmifchmngifmadobkcpijhhldeeelkc

    1. Andrey,  July 22nd, 2010 at 4:54 am

Leave a Comment