13 Useful Google Chrome Extensions for Web Developers

By / Feb 23, 2010 / Tools
shares

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).

MeasureIt!

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.

PlainClothes

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).

Pendule

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.

Snippy

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.

35 Comments

  1. G3D
    February 23, 2010

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

    Reply
  2. Harry
    February 23, 2010

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

    Check it out, it’s awesome.

    Reply
  3. Russell Poulter
    February 23, 2010

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

    Thanks.

    Reply
  4. hostessy
    February 23, 2010

    This article is great. Thanks for it.

    Reply
  5. AlexNegrea
    February 23, 2010

    Great list. Thanks!

    Reply
  6. Daniel Long
    February 23, 2010

    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.

    Reply
  7. Artem Russakovskii
    February 23, 2010

    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?

    Reply
  8. Mike H
    February 23, 2010

    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.

    Reply
  9. Johnny
    February 23, 2010

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

    Reply
  10. Antonio Cosentino
    February 23, 2010

    Very useful post! Thank you! :)

    Reply
  11. Alexander Seidel
    February 23, 2010

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

    Reply
  12. TypeLab
    February 23, 2010

    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!

    Reply
  13. shanmugam
    February 23, 2010

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

    Reply
  14. Jordan Walker
    February 23, 2010

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

    Reply
  15. Jordan Walker
    February 23, 2010

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

    Reply
  16. bethany
    February 23, 2010

    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:
    https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

    Reply
  17. bethany
    February 23, 2010

    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

    Reply
  18. Amberly | Web Designer
    February 23, 2010

    Nice collection of extension.

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

    Reply
  19. Benedetto
    February 23, 2010

    Very useful! Thanks!

    Reply
  20. Rob Turner
    February 23, 2010

    Hello,

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

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

    Reply
  21. Amber Weinberg
    February 23, 2010

    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.

    Reply
  22. Next Day Flyers
    February 23, 2010

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

    Reply
  23. masada
    February 23, 2010

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

    Reply
  24. Dian
    February 24, 2010

    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.

    Reply
    • gokhan
      February 25, 2010

      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.

      Reply
  25. Dzinepress
    February 24, 2010

    really helping stuff for web developers.

    Reply
  26. Alan Takushi
    February 24, 2010

    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.

    Reply
  27. Mike Hobizal
    March 26, 2010

    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.
    https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm
    It’s still early, but it looks promising.

    Reply
  28. 10 Time Saving Google Chrome Extensions | Tools
    May 4, 2010

    [...] Chrome Extensions tweetmeme_source = 'webdesignledger'; tweetmeme_service = 'bit.ly'; Google Chrome is quickly becoming a popular browser due to its speed and now its growing collection of [...]

    Reply
  29. ibrahim sana
    June 28, 2010

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

    Reply
  30. Tomer
    March 24, 2011

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

    Reply
  31. Theraisa K
    April 4, 2011

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

    Reply
  32. Sameer
    February 12, 2012

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

    Reply
  33. Christopher Franko
    May 14, 2012

    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.

    Reply
  34. Rian Nurherdian
    April 23, 2014

    this article very helpful .. thanks author! :)

    Reply

Leave a Reply