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.
PHP Code Editor
PHP Code Editor is a web based interface to edit your code.
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.
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.
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.
MeasureIt!
Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.
Eye Dropper
Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.
csscan
This Chrome extension allows you to easily scan an element’s basic CSS properties without having to delve into the inspector window.
JavaScript Console
A JavaScript console for Chrome. Allows you to do simple JS prototyping on any web page. Especially handy for development.
SeoQuake
Displays the Google PageRank, Alexa rank and other SEO parameters of any webpage, highlights nofollow links, text density, check and compare urls.
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.
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.
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.
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.
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.
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.
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
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.
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.
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.
View Selection Source
View selection source in resizable popup. Drag the bottom right corner to resize. Simple, but very useful for web developers.
Create Link
Copy current page URL to clipboard in various formats. Make HTML link tag easily like Firefox addon Make Link.
Notifier for Stack Exchange websites
Get notified of changes in reputation, responses, revisions, badges & moderator messages, on any StackExchange site
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.
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.
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.
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.
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.
Pendule
Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools
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.
Really helpful list. I was searching for these as I was planning to switch to chrome now
Wow, some great extensions there. I might have to try out the Flash Block extension.
Fantastic post! Lots of good links here…i’m especially chuffed to see the web design extensions. Thanks so much!
Big thanks, good extensions for designers and web developers.
I thought FireFox was developers’ best friend?
Thank you for showing what chrome is capable of.
Great list. Thank you! Now let’s test some of them
Hi nice list. I also use SEO Site tools and Awesome Screenshot. I love Chrome!
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…
You can try Firebug Lite, for Google Chrome https://getfirebug.com/releases/lite/chrome/
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.
https://wappalyzer.com/install/
This is one of the better extension lists I’ve seen online. But now I have 10 tabs open you jerk.
you forgot adblock. it blocks all ads on websites, games and videos
You forgot to mention Breezi. It’s the best free website builder. https://breezi.com/chrome-app-install
Shoot, my fav is the Alexa extension. It shows traffic rank in the US.