My 12 Favorite Chrome Extensions as a Web Developer ⚡🚀

The way to gain your expertise in web development can be done more quickly with the help of the following Chrome extensions ✌️

---

1. PixelZoomer

🔗 View on Chrome web store

Dimension and Size Checker

PixelZoomer takes a screenshot of the current website and provides various tools for pixel analysis. You can zoom into websites (up to 3200%), measure distances and pick colors with an eye dropper.

2. Colorblinding

Accessibility: colour-blind generating

🔗 View on Chrome web store

This extension simulates the website as a color vision impaired person would see.

3. URI Splitter

Productivity

🔗 View on Chrome web store

Easily and quickly edit the URL/URI from the current page.

4. dataslayer

Productivity

🔗 View on Chrome web store

Debug and test tag management (Google Tag Manager, DTM, Tealium) and analytics implementations.

5. Night Eye

Accessibility: Dark mode on any website

🔗 View on Chrome web store

Night Eye enables dark mode on any website using its proprietary algorithm, instead of inverting the colours like its competitors.

6. BrowserBuddy

Productivity // Developed by me :)

🔗 View on Chrome web store

BrowserBuddy lets you view all the data available about you when browse a page. The extracted information will include your browser details, supported features, page activity, device, screen sizes, storage, geolocation, ip and more!

7. The Great Suspender

Productivity

🔗 View on Chrome web store

A lightweight extension to reduce Chrome's memory footprint. Perfect if you have a lot of tabs open at the same time. Tabs that have not been viewed after a configurable length of time will be automagically suspended in the background, freeing up the memory and CPU being consumed by that tab.

8. JSONView

Productivity

🔗 View on Chrome web store

Validate and view JSON documents

9. Fonts Ninja

Font Identifier

🔗 View on Chrome web store

Speed up your design workflow! Identify fonts from any website, bookmark, try, and buy them.

10. ColorZilla

Color Picker and Generator

🔗 View on Chrome web store

Advanced Eyedropper, Color Picker, Gradient Generator and other colourful goodies

11. Momentum

Productivity

🔗 View on Chrome web store

Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration.

12. Checkbot

SEO, Web Speed & Security Tester

🔗 View on Chrome web store

Test SEO/speed/security of 100s of pages in a click! Check broken links, HTML/JavaScript/CSS, URL redirects, duplicate titles...

---

I hope you find this helpful as I am 😊
If you have any comments or suggestions to add, feel free to comment! 💬

---

If you liked this article...

Please click the ❤️ below so other people will see it on DEV.to :) ! 👤 Feel free to follow me on Github

Comments

[Nimrod Kramer]

Hi Tomer, have you heard about daily.dev? We'd love to hear your thoughts on it. It's one of the most loved Chrome Extensions for web devs.

chrome.google.com/webstore/detail/...

[Tomer Ovadia]

To be honest I didn't, but it looks interesting I'll definitely give it a try :) !

[Nimrod Kramer]

Thanks :)

[Shriji]

1. Night Eye

isn't free! But checkout darkreader which is fully free!

[Tomer Ovadia]

Thanks sounds like great alternative

[Shriji]

Absolutely, I use it.

[Samuele Zanca]

Was not expecting an actual good list. Very nice. Going to try a few of these out.
Might I recommend trying out:

• wappalyzer: which detects technologies used client and server side
• dark reader (set to opt-in per website)
• nightTab: a customizable start page, very handy for getting places and fast while looking sleek in the process. (I'm a contributor, a complete over haul is in the pipeline)

[Tomer Ovadia]

Thank u Samuele! Well I also agree about Wappalyzer, this is a great one, sorry I did not include it in the list but I wanted to focus on those extensions that I feel are more handy for everyday rather than using once in a while. As for the other two, definitely great additions! :)

[Sean Wilson]

Thanks Tomer for mentioning Checkbot (I'm the developer behind it). 😄 There's more information about Checkbot on the homepage (checkbot.io/) and the list of web best practices it tests for (checkbot.io/guide/). Let me know if you've got any questions.

[Tomer Ovadia]

Sure mate, was happy to mention it :) great work and thanks for the support

[Mishka]

And Save Code to save snippets that work for later!

[Tomer Ovadia]

That's a really nice one, thank you for sharing it Mishka :)

[Rizqy H.]

For JSON previewing, I prefer JSON Viewer. I like its configurable and theme selections.
chrome.google.com/webstore/detail/...

[Paras 🧙‍♂️]

quite helpful list...I like the checkbot extension to check website stats

[Amandeep Singh]

I would like you to check some of my recommendations and feel free to add some of them in your list.

📌 Awesome Screenshot & Screen Recorder - As the name says it's really awesome, let's us record and capture browser screen. Although there is a limit for free users but I think most of the people use it for small tasks. Link - chrome.google.com/webstore/detail/...

📌 Color by Fardos - Color Picker - Pick colors from websites, save colors & gradients, get matching shades and tints and create beautiful gradients. Link - chrome.google.com/webstore/detail/...

📌 Volume Master - Control volume of any tab. Link - chrome.google.com/webstore/detail/...

📌 Bookmark Sidebar - Adds a toggleable sidebar with all your bookmarks at the edge of your browser window. Link -chrome.google.com/webstore/detail/...

Hope you find them useful.👍

[Jang Rush]

Hi, I'd like to translate this awesome list to Chinese. Can you give me the permission?

[Tomer Ovadia]

Hey Jang, thank you for showing this interest. Yes sure, but please do attach a link to the original article :)

[Jang Rush]

Oh, I forgot to mention that Chinese translation has been published at the end of October: nextfe.com/12-chrome-extensions/ There is a back link to this original article at the beginning of the translated text.

[Nico]

Check out tabliss.io/ for a free alternative to Momentum

[Tomer Ovadia]

Thank you for sharing it Nico