Top 10 Chrome Extensions for Web Developers 🚀🚀
Tags: webdev, programming, productivity, javascript
Published: 2021-04-22 06:16:04

Have doubts in your mind hackers ?ask your doubts related to cybersecurity Now !!!!!!

https://discourse.heeraj.com/

Listen to my favorite Lofi music Tracks 
https://www.youtube.com/watch?v=_C12AC2Cxn8

[Colorzilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/scbzzkh9spk22z67lujy.jpg)
 
ColorZilla is a css tool from which you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. And it can do so much more..


[LighHouse]
(https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jr0fwibks4r05igsf06y.jpg)

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.


[Wappalyzer ](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rxdomnbwh34yqma0fbu9.jpg)

Wappalyzer is a technology profiler that shows you what websites are built with. Find out what CMS a website is using, as well as any framework, ecommerce platform, JavaScript libraries and many more.

Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN and others.


[FakeFiller](https://chrome.google.com/webstore/detail/fake-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ac6gsqf55skarkmwxf0s.jpg)

Fake Filler is the form filler to fill all input fields on a page with randomly generated fake data. This productivity-boosting extension is a must for developers and testers who work with forms as it eliminates the need for manually entering values in fields.

[CSS Viewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bf6xhqjpwd7cesm3aaak.jpg)

CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008).

[Json Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfwtj4vj0rb6sp9i6a1o.jpg)

The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. It is a Chrome extension for printing JSON and JSONP. 

[React Developer Tools ](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pnfxpz929h26r9xrftm8.jpg)

Adds React debugging tools to the Chrome Developer Tools. React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

[WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fk0lakn6n7h3g2u4keg7.jpg)

The easiest way to identify fonts on web pages. Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this should not be necessary. With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant. It also detects the services used for serving the web fonts. Supports Typekit and Google Font API.

[Redux Dev Tools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sjsbi6i1vysex8vxn1e8.jpg)

Redux DevTools for debugging application's state changes.
The extension provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state.

[Open in Vscode ](https://chrome.google.com/webstore/detail/open-in-vscode/pfakkjlkpobjeghlgipljkjmbgcanpji)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ngl2bofb74b65j2d81b9.jpg)

Open Github and Gitlab links in VSCode. Just right click on any link to a file and select "Open in VSCode". You can also click on line links to open the file to the specific file.

__Do you want to Kick-start a career in Cyber Security and want to know how hackers hack in real life ☠️☠️__

Join Now and support  !!!
275+ Members already Joined

https://t.me/infosecbugbounty