September 24, 2020

13 Useful Google Chrome Extensions for Web Developers

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.

Share

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

One Ping

  1. Pingback: 10 Time Saving Google Chrome Extensions | Tools

34 Comments

  1. Daniel Long Reply

    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.

  2. Mike H Reply

    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.

  3. bethany Reply

    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

  4. Rob Turner Reply

    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!!

  5. Dian Reply

    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.

    1. gokhan Reply

      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.

  6. Alan Takushi Reply

    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.

  7. ibrahim sana Reply

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

  8. Tomer Reply

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

  9. Christopher Franko Reply

    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.

Leave a Reply

Your email address will not be published. Required fields are marked *