30 Useful Google Chrome Extensions

By / Apr 5, 2011 / Tools
shares

Although Google Chrome is just a few years old, it has become the browser of choice for most web developers and designers. Chrome’s browsing speed and the huge list of free ad-ons and extensions available make it hard to beat. Today’s collection focuses on Free Extensions powered and offered by Google Chrome, which are highly helpful for web developers. Please have a look and leave a comment if you know any other useful extension we are missing here.

Web Developer

Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.

Web Developer

PHP Code Editor

PHP Code Editor is a web based interface to edit your code.

PHP Code Editor

FlashBlock

The extension automatically blocks flash content on webpages. Each flash element is being replaced with a placeholder that allows you to load only selected elements on a given page.

FlashBlock

Image Cropper

This extension help you to crop any images on the fly. It’s especially useful when you need to crop your online album photo for IM thumbnail.

Image Cropper

Speed Tracer

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

MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

MeasureIt!

Eye Dropper

Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.

Eye Dropper

csscan

This Chrome extension allows you to easily scan an element’s basic CSS properties without having to delve into the inspector window.

csscan

JavaScript Console

A JavaScript console for Chrome. Allows you to do simple JS prototyping on any web page. Especially handy for development.

JavaScript Console

SeoQuake

Displays the Google PageRank, Alexa rank and other SEO parameters of any webpage, highlights nofollow links, text density, check and compare urls.

SeoQuake

Alexa Traffic Rank

Alexa Traffic Rank is Alexa Internet’s free extension for Chrome, and is the only extension that includes you in Alexa’s traffic panel. The Alexa extension accompanies you as you surf, providing you with Alexa data about the sites you visit without interrupting your browsing.

Alexa Traffic Rank

Personalized Web

A powerful tool to personalize web pages on the fly. Can inject custom HTML, JavaScript and CSS to a given web page while it is being loaded by the browser. Very effective as an AdBlocker tool.

Personalized Web

Fiabee

Fiabee for Chrome is an app that lets you intuitively manage all your files distributed across your many devices, directly from the web. You can specifically select which files you want to synchronize from your devices and store onto the others.

Fiabee

Write Space

Write Space is a customizable full-screen text-editor that lives in your web-browser. It is designed to minimize the distractions that come between you and your writing.

Write Space

PlainClothes

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.

PlainClothes

Ibrii

Ibrii allows users to snip every type of content found on the internet no matter if it is simple text, a photo, a video or even an embedded object, like streaming audio.

Ibrii

Inline Code Finder

Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them: Inline JavaScript events, Inline style, javascript: links

Inline Code Finder

Chrome Flags

The extension displays a country flag indicating the physical location of the websites you’re visiting. The extension also provides access to detailed information regarding the website’s servers, owners, traffic and trustworthiness.

Chrome Flags

IE Tab Classic

Some websites are still not compatible with standard browsers. Others, such as outlook web access and sharepoint are relying on IE proprietary technology. With this extension you can use those websites directly from Chrome.

IE Tab Classic

Aviary

Edit any photo on the web without leaving the page with our simple image editor, Feather! Just right-click and select “Edit image in Aviary” for one-click editing.

Aviary

View Selection Source

View selection source in resizable popup. Drag the bottom right corner to resize. Simple, but very useful for web developers.

View Selection Source

Create Link

Copy current page URL to clipboard in various formats. Make HTML link tag easily like Firefox addon Make Link.

Create Link

Notifier for Stack Exchange websites

Get notified of changes in reputation, responses, revisions, badges & moderator messages, on any StackExchange site

Notifier for Stack Exchange websites

Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

Chrome SEO

CSS Reloader

CSS Reloader is a browser extension that allows you to reload CSS without reloading the page itself.You are able to customize the keyboard shortcut under the extensions settings page.

CSS Reloader

Validity

Validity can be used to quickly validate your HTML documents from the address bar. Just click the icon in the address bar to validate the current document without leaving the page. The number of validation errors can be seen in the tool tip and the detail can be seen in the Javascript console.

Validity

Window Resizer

This extension resizes the browser’s window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

Window Resizer

Pixlr Grabber

Create screen capture of visible part, selected area or whole page then you can edit them in pixlr editor or share them to public imm.io. You also get a context menu for pulling down images to pixlr editor.

Pixlr Grabber

Pendule

Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools

Pendule

Weebly – Website Builder

Weebly is the easiest way to create a free website, blog, or online store. Using a simple drag & drop interface, build your website in minutes and choose from hundreds of professional designs.

Weebly - Website Builder

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.

13 Comments

  1. Stacey
    April 5, 2011

    Really helpful list. I was searching for these as I was planning to switch to chrome now

    Reply
  2. Kevin
    April 5, 2011

    Wow, some great extensions there. I might have to try out the Flash Block extension.

    Reply
  3. Lithium
    April 5, 2011

    Fantastic post! Lots of good links here…i’m especially chuffed to see the web design extensions. Thanks so much!

    Reply
  4. Adrian
    April 5, 2011

    Big thanks, good extensions for designers and web developers.

    Reply
  5. Oliver Campos
    April 8, 2011

    I thought FireFox was developers’ best friend?

    Thank you for showing what chrome is capable of.

    Reply
  6. Grim Cris
    April 9, 2011

    Great list. Thank you! Now let’s test some of them

    Reply
  7. Ileane
    April 13, 2011

    Hi nice list. I also use SEO Site tools and Awesome Screenshot. I love Chrome!

    Reply
  8. Allison Lazarz
    April 14, 2011

    Thanks! I’ve always used Firefox as my development browser and Chrome as my surfing browser, but I may have to make the jump to fulltime Chrome user. Still not sure I can live without Firebug though…

    Reply
    • Grim Cris
      April 15, 2011

      You can try Firebug Lite, for Google Chrome http://getfirebug.com/releases/lite/chrome/

      Reply
  9. Steve
    July 12, 2011

    Nice list.

    Another worthwhile extension is Wappalyzer. It provides an easy way of detecting what technologies have been used to build the site your viewing.

    http://wappalyzer.com/install/

    Reply
  10. castle
    January 25, 2012

    This is one of the better extension lists I’ve seen online. But now I have 10 tabs open you jerk.

    Reply
  11. jacob
    May 31, 2012

    you forgot adblock. it blocks all ads on websites, games and videos

    Reply
  12. Joe
    June 11, 2012

    You forgot to mention Breezi. It’s the best free website builder. http://breezi.com/chrome-app-install

    Reply

Leave a Reply