In this article you’ll find 15 Must Have Google Chrome Extensions for Web Development. It includes the best Google Chrome Extensions for any web developer which can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. Here are the Google Chrome extensions that you should find very useful.
You may also be interested in one of these older posts
20 Awesome Firefox Add-ons For Web Developers
12 Indispensable Adobe AIR Apps for Web Developers
List Of Essential PHP Quick References And CheatSheets
10+ Rare WordPress Theme Options Page Tutorials To Get You Started
1. Pendule
Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools (Ctrl+Shift+I).
2. Chrome Sniffer
Chrome Sniffer is a Chrome Extension allow web developer to inspect web framework / CMS and javascript library running on current browsing website. The extension will display an icon indicates the detected frameworks. Currently, this extension can detect up to 70 popular CMS and javascript libraries, and more will be added in future releases.
3. Chrome Web Developer Tool
This extension made easy the web development. Our current goal is to develop a clone of the “Web developer toolbar” of Firefox. If you want to give your contribute to this project, do not exitate to contact me.
4. IE Tab
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).
5. 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.The resolutions list is completely customizable (add/delete/re-order).
6. 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.
7. Xdebug helper
Debugging and profiling PHP code with Xdebug is very powerful, but enabling Xdebug by setting a cookie or adding POST/GET variables is unnecessary hard. This extension will help you to enable/disable debugging and profiling with a single click.
8. Color Picker
Color picker is a full featured color editor which will make your life as a designer easier. It’s easy to use and loads fast, so it’s always there when you need it!
9. Lorem Ipsum Generator
Many other extensions of this type – in other browsers – simply complicate this task, using really extensive code, XHR, etc. The main purpose of this one, is to use the less amount of code (and also memory) and help the developer/user to get the job done.
10. MeasureIt!
Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.
11. Chrome Editor
I often find myself flipping between browser and a code editor. This extension allows you to code right within the browser. You also have the ability to save a code reference for later use. It saves it to your computer locally. I have predefined basic code to get you started coding.
12. CSS Reloader
CSS Reloader is an extension that allows you to reload all the CSS of any site without you have to reload the page itself.
13. 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.
14. Aviary Screen Capture
Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.
15. Instant Image Editor
Simply right-click any image or element on a web page with a background image while holding down the alt key to edit the image instantly in a new tab.
Nice Google Chrome that supports all extensions.
nice tools.. but i think firefox it far better than chrome
Very useful, I’m using chrome a lot lately and was forced to switch to Firefox for development. Thanks to this post, i can do everything i need within chrome…
#1 Chrome extension for web development: Firefox.
Thanks for the info. A few extensions on the list that I have not tested out/looked at.
OK this makes a lot of sense dude. WOw.
Lou
http://www.anon-vpn.us.tc
I’m loving chrome and when I get to see more plug-ins I love it even more 🙂
This is a great list. A lot of the people in the office use Chrome as their default, including the developers. I am sure they will find this helpful. Thanks!
Thanks for your support, i appreciate it!
Keep Posting Man, Liked A Lot & Thumbs Up For The Post!
awesome extensions!
using Chrome on my Mac instead of Firefox.
A great App for Chrome:
http://www.chromeextensions.org/other/virual-piano-keyboard/
Thanks for u r information
its very useful
Great post! I want to know when you update your blog, where can i subscribe to your blog keep the good job going.
I’ll add WordPress stats for chrome at https://chrome.google.com/extensions/detail/kfkplpbeijhlpnlccijpjpggabgmbopg 🙂
Nice! I installed almost all. The only one I disagree with is Alexa.
Those are all excellent Chome Extensions, my personal favorite is the web developer extension.
I am just starting to make the switch to Chrome. I work as a professional SEO but Firefox runs so darn sloooowwww. Chrome is lightning quick and I am finding some really cool extensions. I just NEED SearchStatus.
One more useful extension for Google Chrome
WebRank SEO provides Google Pagerank, Alexa, Compete and Quantcast Rank, pages indexed and backlinks in Google, Bing and Yahoo. It also provides whois information and traffic graphs for the domain.
https://chrome.google.com/webstore/detail/mkhilblbmkdnapffblmecglknalglfji
Great roundup! I use most of these chrome extensions or addon
You should also add RestEasy to this list. It allows you to construct an HTTP call and test it out (Helps A LOT with Ajax development)–
https://chrome.google.com/webstore/detail/nojelkgnnpdmhpankkiikipkmhgafoch