13 Useful Google Chrome Extensions for Web Developers

By / Feb 23, 2010 / Tools

Google Chrome, like Firefox, has the ability to increase its functionality and capabilities through the use of extensions. If you’re a web developer, Google Chrome comes with a nice set of developer tools built in that will make your life easier. But there are also a number of extensions that will give you even more tools at your disposal. The great thing about extensions is that they allow you to perform tasks that would normally require you to switch over to another application. Being able to perform certain tasks without leaving your browser can be a big time saver.

Here are 13 Google Chrome extensions that you should find very useful.

Color Picker

google chrome extensions

Color Oicker lets you quickly get the Hex and RGB values of any color! Also adjust Hue, Saturation, and Balance.

Firebug Lite

google chrome extensions

Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Domain Availability Checker

google chrome extensions

This extension checks the availability of a domain name. What’s the point of going to another page when you can check it from your toolbar.

Aviary Screen Capture

google chrome extensions

Aviary Screen Capture allows you to ake a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus it has convenient access to the Aviary website and tools.

Lorem Ipsum Generator

google chrome extensions

Lorem Ipsum Generator gives you an easy and convenient way to generate dummy text for your design mock-ups.

IE Tab

google chrome extensions

Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files (i.e. file:// URLs).


google chrome extensions

MeasureIt! gives you the ability to draw out a ruler that will help you get the pixel width and height of any elements on a webpage.


google chrome extensions

This extension styles — or rather “unstyles” — the web. Just imagine: text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined. Or any other colors you like. And all text is rendered in your default fonts (as defined in “Options” > “Under the Hood” > “Change font and language settings”). Everywhere. Automatically.

Eye Dropper

google chrome extensions

Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

Speed Tracer

google chrome extensions

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).


google chrome extensions

Pendule extends the already built-in developer tools of Chrome.

Resolution Test

google chrome extensions

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own.


google chrome extensions

Snippy allows you to grab snippets of web pages and save them for future use. It captures rich contents and preserves formatting, so you can capture paragraphs, images, links and more.

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

  • http://ged.org.ua/ G3D

    Awersome collection! Thank you. But firebyg lite don`t work on my win7 7100 & chrome dev branch

  • http://harrywolff.com/ Harry

    Can’t believe you guys didn’t include Pendule. https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi

    Check it out, it’s awesome.

  • http://www.flodesign.co.uk Russell Poulter

    Nice round up. I stopped using Chrome because of its lack of dev tools. May take a second look after reading this post.


  • http://styleone.pl hostessy

    This article is great. Thanks for it.

  • http://alexandrunegrea.ro AlexNegrea

    Great list. Thanks!

  • http://www.crearedesign.co.uk Daniel Long

    This is really useful as I stopped using Chrome because it didn’t have the dev tools I could get from Firefox. Things like firebug make web design that little bit easier when trying to sort out a problem. I like the idea of the ie renderer. Definitely will have to give it another try with these add-ons.

  • http://beerpla.net Artem Russakovskii

    It’s Speed Tracer, not Speed Tracker. And also you have “Speed Tracker” in the list twice, the 2nd time instead of Pendule. Feeling tired today?

  • Mike H

    You guys seem to have missed the built-in WebKit development tools that Chrome (and Safari) has always had. It’s easily on-par with Firebug and I can’t understand why extensions like “Speed Tracer” exist, because that’s already in there too.

  • http://www.webtint.net/ Johnny

    Awesome post, these seem really useful :) I love google chrome

  • http://www.kultmedia.com Antonio Cosentino

    Very useful post! Thank you! :)

  • http://www.alexanderseidel-shop.com Alexander Seidel

    This is exactly what I was looking for. Chrome is really a nice browser and those tools make it even more useful.

  • http://www.typelab.info TypeLab

    Wow, I’ve been using Firefox as my dev browser because of the great tools like Firebug. I didn’t know Chrome had any options like this. Great list!

  • http://branding.flswair.com shanmugam

    Fantastic work…Chrome is very useful to all browse user. Fine posting.

  • http://www.jordanwalker.net Jordan Walker

    Chrome is now finally coming to the spot light, what a great browser!

  • http://www.jordanwalker.net Jordan Walker

    Sweet, when I finish the my current book on GTK-PHP will be sure to pick this up and have a go.

  • bethany

    the IE renderer doesn’t work for mac users, FYI. i got really excited when i first heard about it too..

    and it looks like you should link this firebug lite, the latest upgrade:

  • bethany

    id love to switch over to chrome .. hopefully when they tweak firebug just a bit more to match the abilities of firefox firebug i think i’ll be able to completely switch

  • http://Ansh.THISISITONLINE.INFO Amberly | Web Designer

    Nice collection of extension.

    Resolution Test,IE Tab and Lorem Ipsum Generator are awesome.

  • Benedetto

    Very useful! Thanks!

  • http://www.islandnet.com Rob Turner


    Always looking for tools to help diagnose customer issues and make my work a little easier, appreciate the write up.

    Rob Turner
    Snr CSR for Islandnet.com – 1993 and still hosting strong!!

  • http://www.amberweinberg.com Amber Weinberg

    I’ve found that even with a mass of plugins, Chrome is still faster and less buggy than FireFox…and I’m still on the Mac Beta version.

  • http://www.NextDayFlyers.com Next Day Flyers

    I wasn’t aware of some of these, the Lorem Ipsum generator and MeasureIt appear to be huge time savers.

  • masada

    Chrome is unfinished product and it will remain in beta for next 7 years.

  • http://hardiannazief.com Dian

    If Firebug worked with chrome fluently, I’ll stop using Firefox immediately, because firefox eats my 1gig memory intel atom desktop really fast, just opening with 7tab already eat 200mb, and tops to 400-500mb with two rows of tabs.

    • http://web-hostingcheap.com gokhan

      Try to get rid of firefox completely, then make a fresh install with your final plugins at the moment. there might be a lot of junk code because of uninstalled firefox plugins.

  • http://www.dzinepress.com Dzinepress

    really helping stuff for web developers.

  • http://alantakushi.com Alan Takushi

    This is fantastic! I’m making the switch to Chrome immediately. I had to put up with Firefox for all the web dev tools and suffer from slow-itis. Hopefully, Chrome will still operate fast and smooth with all these plugins.

  • Mike Hobizal

    Just a heads up, and maybe a needed update to the list. Chris Pederick has updated his Firefox Web Developer extension and has released a Chrome version.
    It’s still early, but it looks promising.

  • Pingback: 10 Time Saving Google Chrome Extensions | Tools()

  • ibrahim sana

    good collection… chrome don’t has firebug like extension ..
    with firebug lite we cannot make DOM manapulations and other vital operations for debugging…

  • Tomer

    Unfortunately, most of these applications require access to my private data, tabs and surfing behavior – so i decided not to install’em.

  • http://www.theraisak.com Theraisa K

    Wow, what a great collection of resources. Thanks for sharing, I’ve already put a few of these to good use!

  • http://www.mobitechie.com Sameer

    Nice list. I am really happy to see that the firebug extension is now also available on Chrome. I used it lot on Mozilla.

  • https://plus.google.com/105699527508121484553 Christopher Franko

    i agree with alot of the people in here, i stoped using chrome because it didnt have that one developer tool thats on firefox that will show all the form info and stuffz on the page.

  • http://www.kangrian.com Rian Nurherdian

    this article very helpful .. thanks author! :)