Useful Google Chrome Extensions for Web Developers
Tags: webdev, chrome, extensions
Published: 2021-12-01 07:04:32

Hello 👋, I hope you guys are doing well. In this blog post, we will see some useful Google Chrome Extensions by which your development process will be much easier.


![4884785.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638268627525/4gq-MnNWL.jpeg)


👉 [daily.dev | The Homepage Developers Deserve](https://chrome.google.com/webstore/detail/dailydev-the-homepage-dev/jlmpjdjjbgclbocgajdjefcidcncaied?utm_source=chrome-ntp-icon) 


![unnamed.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638268829482/ftESNP2yXu.jpeg)

**daily.dev** is the fastest growing online community for developers to stay updated on the best developer news. Get all the content you love in one place collected from +400 sources.

In other words, stop wasting time searching for high-quality articles. Just install daily.dev, open a new tab, and you're all set.

👉 [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?utm_source=chrome-ntp-icon) 


![unnamed (1).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638269090869/2OTqZjFBi.jpeg)

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

👉  [Web Developer](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?utm_source=chrome-ntp-icon
)


![unnamed (2).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638269509436/FKkKoOdEp.jpeg)

The **Web Developer** extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

👉  [ColorZilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?utm_source=chrome-ntp-icon
) 


![unnamed (3).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638269749226/Ne2jl24fs.jpeg)

With **ColorZilla** 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.

👉  [CSS Viewer for Google Chrome™](https://chrome.google.com/webstore/detail/css-viewer-for-google-chr/eedfldkdghfkhdcanjnfiklpeehbfoag?utm_source=chrome-ntp-icon) 


![unnamed (4).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638269854728/wH8AHwRBX.jpeg)

It's a quick and easy way to sort out the CSS code for a specific element on a website. Try using this **CSS Viewer** today to check out the CSS code being implemented on a website today.

👉  [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?utm_source=chrome-ntp-icon
)


![Screenshot_1.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270138627/I8Zxc7ydh.png)

Validate and view **JSON** documents. 

👉  [Font Finder](https://chrome.google.com/webstore/detail/font-finder/pkiokiaeahklmefmfpnnofmgfafajpdl?utm_source=chrome-ntp-icon) 


![unnamed (6).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270325871/iGaC9G3Ie.jpeg)

This extension lets you know what font is used on any website
**Font Finder** allows you to know the font name, its family, color, style, size, position.

👉  [GoFullPage - Full Page Screen Capture](https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?utm_source=chrome-ntp-icon
) 


![unnamed (7).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270443166/07awzndRh.jpeg)

The simplest way is to take a full-page screenshot of your current browser window. Click on the extension icon (or press Alt+Shift+P), watch the extension capture each part of the page, and be transported to a new tab of your screenshot where you can download it as an image or PDF or even just drag it to your desktop.

👉  [One Click Extensions Manager](https://chrome.google.com/webstore/detail/one-click-extensions-mana/pbgjpgbpljobkekbhnnmlikbbfhbhmem?utm_source=chrome-ntp-icon) 


![unnamed (8).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270556101/g6shd6LPI.jpeg)

View, enable, disable, remove your extensions with ease.

👉  [Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?utm_source=chrome-ntp-icon) 


![unnamed (9).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270646430/Vf5nhwtkL.jpeg)

You can set the window's width/height, window's position, preset icon (phone, tablet, laptop, desktop), and even the option to apply the new dimensions to the entire window or just to the viewport.

👉  [github-vscode-icons](https://chrome.google.com/webstore/detail/github-vscode-icons/hoccpcefjcgnabbmojbfoflggkecmpgd?utm_source=chrome-ntp-icon)


![Screenshot_2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270755745/kCai7azTJ.png)

This extension shows VS Code icons in Github Repositories. Displays vscode-icons in GitHub repo, nearly 1000 file/folder icons.

👉  [Franz Enzenhofer SEO Live Test](https://chrome.google.com/webstore/detail/franz-enzenhofer-seo-live/jbnaibigcohjfefpfocphcjeliohhold?hl=en) 


![unnamed (10).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270876362/rAqoJf5d4.jpeg)

Franz SEO Live Test is an extendable tool to run web performance, technical SEO tests on web pages while browsing!


👉  [svg-grabber - get all the svg's from a site](https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg/related?hl=en) 


![unnamed (11).jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1638270978069/-U0pifbfm.jpeg)

**svg-grabber** lets you preview, download, and copy the code of all SVG icons and illustrations on a website. 





> 
If you like my content, please consider **buying me a coffee**.

Thanks for the support.

<a href="https://www.buymeacoffee.com/syedsohan" target="_blank"><center><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;"></center></a>