Before I used Google Chrome as my primary web browser, I’m so comfortable with Firefox because There are thousands of cool add-ons available for Firefox. But since Mozilla released the final version of Firefox 4, I think the new version of Firefox was buggy, and had multiple memory leaks. And after that, I have stopped using Firefox and I have start using Google chrome until now.
The number of Google Chrome extensions in the Chrome web store is growing day by day. If you are a web designer/developer or both, Google Chrome has some cool extensions which make the job of website designers more faster, more easier and save time.
In this post, I made a list of what Google Chrome extensions you must have as a designers and developers. The following list includes the best 30 Google Chrome extensions that are actually worth a try. I hope you like my post and don’t forget to share or tweet my post if you find them useful :).
You Might Also Like:
- 40 Adobe Air Applications for Web Developers and Designers
- 15+ Firefox Add-ons for Web Developers & Designers
- Best Color Picker Tools Firefox Addons
- Best Alternative to Google Reader
- Must Have WordPress Plugins
- Data Recovery Software
- 15+ Best Youtube Firefox Add-ons
- The Best Text Editor For Developers
- 30+ Best Firefox Security and Privacy Addons For Safe Browsing
- 8 Best Desktop Instant Messaging Software With Multiple Account Functions
1. Firebug Lite
Must have Google Chrome extensions, Firebug Lite for Google Chrome.
2. SEO Site Tools
On-Page / External metrics, Social Media info, PR / numbering on Yahoo, Bing, Google SERPs.Extends WMT, YSE and GA with metrics3.
3. StayFocusd
StayFocusd is a productivity extension for Google Chrome that helps you stay focused on work by restricting the amount of time you can spend on time-wasting websites.

Google Chrome Extensions For Web Developer and Designer
4. WordPress Stats
WordPress Stats for chrome provides you the referrers, top posts, search term and clicks of your blog without the need to login your blog dashboard.
5. Resolution Test
An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.
6. WhatFont
The easiest way to identify fonts on web pages.
7. Web Developer
Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.
8. ScribeFire
An easy-to-use blog editor lets you post to all of your blogs.
9. 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.

Google Chrome Extensions For Web Developer and Designer
10. Screen Capture
With this screen capture tool, you can starting to capture visible content of a tab, a region of a web page, or the whole page as a PNG image. Support horizontal and vertical scroll when capturing whole page, with an all new autosave capability.

Google Chrome Extensions For Web Developer and Designer
11. PageRank Status
Shows Google PageRank and AlexaRank of current web page, quick access to Geo IP Location, Whois, Alexa, backlinks and indexed pages.
12. Lorem Ipsum Generator
13. Pendule
Web developer tools for Chrome.
- View CSS (and beautify it!)
- Reload CSS
- Disable all styles
- View JavaScript (and beautify it!)
- View generated source (syntax highlighted code appears in a newtab)
- Display ruler
- Display color picker
- Remove cookies from current site
- Resize your browser to various sizes
- Etc….
14. Google Font Previewer
Lets you choose a font from the Google Font directory with a few text styling options, and preview them on the current tab.
15. iScribe Tools
Writer, Paint Board, Code Editor, Code Tidy ( Javascrit / HTML), Code Converter, Offline HTML Tools, Etc..

Google Chrome Extensions For Web Developer and Designer
16 . Proxy Switchy!
Proxy Switchy! is an advanced proxy manager for Google Chrome, it allows users to manage and switch between multiple proxy profiles quickly and easily.
17. jQuery API Browser
Quickly browse through jQuery API documentation with autocomplete search.
18. JSONView
JSONView is an extension that helps you to parse and view JSON documents
19. Scraper
Scraper is a simple data mining extension for Google Chrome™ that is useful for online research when you need to quickly analyze data in spreadsheet form.
20. IE Tab Multi (Enhance)
MultiTab type IE inside Chrome. This is the neatest one among other IE extensions.
21. REST Console
‘REST Console’ is a REST Client for Google Chrome to visualize and construct custom HTTP requests to test with any web service.
22. Html5 Snippet
html5 / js / css playground & snippet sharing platform
23. Guides
Keep your elements in line with Guides! Check distances, alignments and more to make sure your websites are pixel-perfect.

Google Chrome Extensions For Web Developer and Designer
24. Stylebot
Stylebot allows you to quickly create and apply custom CSS to websites.
25. Validity
Validity can be used to quickly validate your HTML documents from the address bar.
26. PHP Console
Display PHP errors/debugs in Google Chrome console or by notification popups
27. iMacros for Chrome
Automate your web browser. Record and replay repetitious work
28. HTML5 Pointers!
29. META SEO inspector
Useful to inspect the meta data found inside web pages, usually not visible while browsing.
30. ruul
A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.

Google Chrome Extensions For Web Developer and Designer
You could also check out MediaPlus for Chrome. MediaPlus lets you move, resize, download, magnify and do more with media content like flash movies, images, games, HTML5 videos, etc.
Available at https://chrome.google.com/webstore/detail/emaamodndfmmmcjepfigalbjjjemadom
More info – http://nparashuram.com/projects/flashresizer.html
Is Firebug even necessary for Chrome? It has that built right in, doesn’t it?
Hey, thanks for naming @RESTConsole in your top 30 🙂
This is great to hear that we can add some extensions to the Chrome too! I use just Chrome for work! n Chrome for suffering! but i like to use chrome more!