5 Must-Have Browser Extensions for Every Web Developer

Since starting my web development journey, I have slowly learned tips and tricks to improve my workflow and productivity. Developer-focused browser extensions are one of those tools that have helped me immensely.

Here are 5 of my favorites extensions for Chrome and Firefox:

1. Responsive Viewer

This extension shows multiple screens in one view that allows developers to test multiple screens while developing responsive websites/applications.

Here's a Firefox version.

2. Font Picker

A simple extension to identify fonts and their details from any website. Just right-click on any text and grab the font details!

Here's a Firefox alternative.

3. Dimensions

Perfect extension if you want to measure distances between elements on a website.

Here's a Firefox version.

4. Wappalyzer

One of my favorite extensions! It is a technology profiler that shows you what websites are built with. It uncovers more tons of technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN, and others.

Here's a Firefox version.

5. React Developer Tools

A no-brainer if you're working with React. This extension allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Here's a Firefox version.

Hope you find these tools useful. Happy coding! 👩‍💻🚀👨‍💻