10 Chrome extensions for web Developers.
Tuesday, August 29, 2023
Google Chrome has over 170,000 extensions!
Here are 10 cool Chrome extensions for web developers
1. WhatFont
The easiest way to identify fonts on web pages.
With this extension, you could inspect web fonts by just hovering on them.
It also detects the services used for serving the web fonts.
2. Wappalyzer
Wappalyzer helps in the detection of technologies used on websites.
This plugin is helpful for web developers and designers who want to learn more about the technological stack of a website.
3. Responsive Viewer
This Chrome extension shows multiple screens in one view.
Very helpful for front-end developers to test multiple screens while developing responsive websites/applications.
4. Dark Reader
It’s an open-source eye-care browser extension.
Dark Reader makes it simple to add a dark mode to any webpage.
5. ColorZilla
Colorzilla is an eyedropper tool with a color picker, color history, CSS gradient analyzer, etc.
An excellent extension for web developers or designers to directly pick up the color and use it in their design or work.
6. Session Buddy
One of my most favorite!
It allows us to manage their tabs by saving the open tabs as collections to be restored later.
7. Web Developer
The Web Developer extension adds various web developer tools to a browser.
It consists of various functions you can use daily, from checking image dimensions to editing CSS.
8. React Developer Tools
It's an extension of the React JavaScript library.
It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
9. Lighthouse
How the site performs is more important than how it looks.
Lighthouse is an open-source tool for testing and improving the performance, quality, and correctness of your web apps.
10. JSON Formatter
Auto-formats JSON when you load it in a browser tab.
It makes reading and understanding huge or complex JSON data sets much faster.