15 chrome extensions for developers

Chrome has pretty advanced DevTools by itself. However, can we improve our developing experience by adding even more exciting features? Here are 15 of my favorite Chrome extensions.

1. Evernote Clipper

Clip the web pages you want to keep. Save them in Evernote. Easily find them on any device. Use the Evernote extension to save things you see on the web into your Evernote account. Best tool for saving text, code or even images.

2. Wappalyzer

Wappalyzer is a cross-platform utility that uncovers the technologies used on websites. It detects content management systems, e-commerce platforms, web frameworks, server software, analytics tools and many more.

3. Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

4. Visual Event

With Visual Event you can figure out what event is bound on each DOM element. Very helpful for client-side developers working in large projects/complex views.

5. Web Developer Checklist

Web Developer Checklist analyses any web page for violations of best practices For web developers who wants to make sure they follow best practices. This extension allows you to very easily discover problem areas in your website.

6. CSSViewer

CSSViewer is a simple CSS property viewer for Google chrome originally made by Nicolas Huon as a FireFox addon.

7. ColorZilla

ColorZilla, one of the most popular Firefox developer extensions with over 5 million downloads is finally available for Chrome! With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.

8. JSON Formatter

JSON Formatter is an extension for printing JSON and JSONP nicely when you visit it ‘directly’ in a browser tab. Recommended!

9. XV — XML Viewer

XV — XML Viewer is a powerful XML viewer for Google Chrome. Exactly what you need to inspect XML responses from various Web services. Great extension!

10. WAVE Evaluation Tool

WAVE is a web accessibility evaluation tool. It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page. No automated tool can tell you if your page is accessible, but WAVE facilitates human evaluation and educates about accessibility issues. Must have!

11. Allow-Control-Allow-Origin: *

The extension allows to you request any site with ajax from any source. Adds to response ‘Allow-Control-Allow-Origin: *’ header. Must have if you developing on remote api.

12. Hola — Unlimited Free VPN

Access websites blocked in your country, company or school with Hola Free VPN!

13. Lighthouse

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can do to improve your app.

14. Session Manager

With Session Manager you can quickly save your current browser state and reload it whenever necessary. You can manage multiple sessions, rename or remove them from the session library. Each session remembers the state of the browser at its creation time, i.e the opened tabs and windows.

15. Clear Cache

Quickly clear your cache with this extension without any confirmation dialogs, pop-ups or other annoyances. That’s my top 15 chrome extensions for developers, share yours in comments!