My 12 Favorite Chrome Extensions as a Web Developer ⚡🚀
Tags: webdev, javascript, productivity, beginners
Published: 2020-10-11 00:26:35

---
title: My 12 Favorite Chrome Extensions as a Web Developer ⚡🚀
published: true
description: Being a web developer expert can be done more quickly with the help of these Chrome extensions
tags: webdev, javascript, productivity, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/w00c0r5untl4vk9fm46x.jpg
---

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](https://chrome.google.com/webstore/detail/pixelzoomer/fogkjckfkdcnmnnfmbieljpkmmihhpao)

> 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.

![PixelZoomer](https://lh3.googleusercontent.com/DBeFFsk4JlmzIZSkxgUTtaCUzAm1YsSevHVkSQWtGMN_EPDAqzdQ8y3zQlzVSQOMgquw19pQrQ=w640-h400-e365-rj-sc0x00ffffff)

## 2. Colorblinding

> Accessibility: colour-blind generating

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa)

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

![Colorblinding](https://lh3.googleusercontent.com/rfl2fXhen5FSIN-SmvYdHhZE5K7moaymJSVCgKQa27bkyYvc9XwGa7Y4soSA4UgliGBFbCe8Yg=w640-h400-e365-rj-sc0x00ffffff)

## 3. URI Splitter

> Productivity

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/uri-splitter/fdfikmgcjjhkdpejagohhojbopclfckn)

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

![URI Splitter](https://lh3.googleusercontent.com/Kpvr6Rg_ks0GkH-Um_Y-3WlwSbBnlcQA2w-wIFrdkNNBhF5VP4e_f3QhsVMyEXTFKY1v4mQMWw=w640-h400-e365-rj-sc0x00ffffff)

## 4. dataslayer

> Productivity

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/dataslayer/ikbablmmjldhamhcldjjigniffkkjgpo)

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

![dataslayer](https://lh3.googleusercontent.com/OvxW9N5cV6ZDDQnRbi9MMtsQd29EzcyoPD61L_Lcad80VCkAn-eQVQanW1N_4LcKT0WcZ2wmr-o=w640-h400-e365-rj-sc0x00ffffff)

## 5. Night Eye

> Accessibility: Dark mode on any website

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/night-eye-dark-mode-on-an/alncdjedloppbablonallfbkeiknmkdi)

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

![Night Eye](https://lh3.googleusercontent.com/KMVvVGW6L6hKV_1hdOKEv1Etvoozw-rf2tjwW76ouIgT6s-jXcZvGkO1w5KmBWwZ6AC0P_3S=w640-h400-e365-rj-sc0x00ffffff)

## 6. BrowserBuddy

> Productivity // Developed by me :)

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/browserbuddy/kmcfaofglkjcdlihepnimihpmkdcekei)

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!

![BrowserBuddy](https://lh3.googleusercontent.com/2C8P_STdwlHzI0BRGpKs3pqJh3QDJ5qBIp57GsYlpxBBm5Q2uZx93hA0Wv6gbKwBBaNJ03wj=w640-h400-e365-rj-sc0x00ffffff)

## 7. The Great Suspender

> Productivity

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/the-great-suspender/klbibkeccnjlkjkiokjodocebajanakg)

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.

![The Great Suspender](https://lh3.googleusercontent.com/7uMSkZyxTtDjNEyHCaFpkjo2phxaNt3zqXVPDSlih02oq-gtvRsM29qOuj__uyyPbhxDOvNAvw=w640-h400-e365-rj-sc0x00ffffff)

## 8. JSONView

> Productivity

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc)

Validate and view JSON documents

![JSONView](https://lh3.googleusercontent.com/pnjK_SSE5ZRVXmS3gWpKuJtqyKQRU2DjodecE_Pm4oZX_2IT2b4Db3hP5GgO7vticFOnLyqpyQ=w640-h400-e365-rj-sc0x00ffffff)

## 9. Fonts Ninja

> Font Identifier

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh)

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

![Fonts Ninja](https://lh3.googleusercontent.com/OgfkIhQhHqC-6Jt0oB9i3vUK6dEmKaR8vAfL6de1fvaRDuAl9YspXPFU8fjPBOndEUruRamJcug=w640-h400-e365-rj-sc0x00ffffff)

## 10. ColorZilla

> Color Picker and Generator

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)

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

![ColorZilla](https://lh3.googleusercontent.com/LDGxmsJn_E46m_xOpPxo8L2kG2K4KlMkYT3yI2RuRGo8Kx1Z9i3VpZIG5-cVDnViMX1Z4UCtQQ=w640-h400-e365-rj-sc0x00ffffff)

## 11. Momentum

> Productivity

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca)

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

![Momentum](https://lh3.googleusercontent.com/7YxWxx_61ktgM4z8CotUqnKfZcqMrrAOEThCtmYzauaFdkhqpU0uZSd-hpqKR29saFdszWkP2ng=w640-h400-e365-rj-sc0x00ffffff)

## 12. Checkbot

> SEO, Web Speed & Security Tester

[🔗 View on Chrome web store](https://chrome.google.com/webstore/detail/checkbot-seo-web-speed-se/dagohlmlhagincbfilmkadjgmdnkjinl)

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

![Checkbot](https://lh3.googleusercontent.com/pBzeO2yV_ZwZucDroaok7pvIvUdcOqGsrF5wZARgaJETaywswgRgbz5-0vkMMt8yHKIcIWy-isg=w640-h400-e365-rj-sc0x00ffffff)

---

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](https://github.com/otomer)