Real-world Chrome extensions for web developers
Tags: webdev, programming, javascript
Published: 2023-01-07 09:00:53

I was interested to know what extensions other developers use in order to make the process easier. However some of them were pretty useless, and the most of the times I didn't use them.

So I decide to create a post to share you my chrome [brave] extensions, I'm using for web development, so let's jump into.

> I have to add it, that they're not in order.

## 1. [Picture-in-Picture Extension (by Google)](https://chrome.google.com/webstore/detail/picture-in-picture-extens/hkgfoiooedgoejojocmhlaklaeopbecg)
It's really useful during watching tutorials, or some videocasts. with having one monitor.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/itn9j703pw5jgjdii96u.jpg)

## 2. [Wappalyzer - Technology profiler](https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg)

You probably sometimes become curious about which technologies are they using in web apps. this one will help you know that. it's highly recommended.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s30wu5jxijeabxg0gv6m.jpg)

## 3. [Live color picker](https://chrome.google.com/webstore/detail/live-color-picker/ocfboephblnapfbccjigejhblhkpgflj)
you certainly want to know which color is it!? right! this will help you find out.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hb5uwdg8twlq2h4geif5.jpg)

## 4. [Dark Reader](https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh)
We hate light modes, right? with this make everything dark. This problem with this one is that it just make everything dark, even the dark mode websites. 😂


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i4yt9iugdwguzrgc9gyg.jpg)

## 5. [Redux DevTools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)
The best redux dev tools, It's highly recommended if you're using ReduxJs.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gpo6dch2p9ahwy3mx9fq.jpg)


## 6. [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
No need to introduce. I rarely use it. You know I prefer the classic one.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zgam3ckcm7ze1qo9n3me.jpg)



## 7. [Enable Right Click for Google Chrome](https://chrome.google.com/webstore/detail/enable-right-click-for-go/ofgdcdohlhjfdhbnfkikfeakhpojhpgm)
In fact, I'm not using another one, but I can't find that, but they're the same.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ms4g4lo2r7gyhukp6o2p.jpg)

## 8. [Grammarly](https://app.grammarly.com/)
If your English is not perfect like me, use this one.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7paxi2odjzp9bblmq02r.jpg)

## 9. [Super Simple Highlighter](https://chrome.google.com/webstore/detail/super-simple-highlighter/hhlhjgianpocpoppaiihmlpgcoehlhio)
You're going to fall in love with this one. It's pretty useful, during reading docs, articles, blogs, presentations, podcasts, and meetings.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ht34kzh71e6h2pg3a1i8.jpg)


## 10. [Responsive Tester](https://chrome.google.com/webstore/detail/responsive-tester/ppbjpbekhmnekpphljbmeafemfiolbki)
last but not least, I always use this one for testing, and it's just awesome. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rigyyvumq8z4e0re1dt3.jpg)

## Conclusion

the purpose of creating this post was to show you which extensions are really used in my daily coding.

keep in touch: [My Portfolio](https://vito-dev.ir)

Keep Coding Y'All 👨🏻‍💻