Intro
I as a Web Developer think these are the must-have extensions in your Web Browser. These extensions can be installed in Google Chrome or Chromium-based browsers like Microsoft Edge, Brave, Vivaldi, Opera, etc. Many extensions in this article are also available for Mozilla Firefox. They will improve your productivity and help you become a better web developer.
Extensions
Checkbot: SEO, Web Speed & Security Tester 🚀
This Extension helps you analyze your Website or Any Other Website for SEO, SPEED, and SECURITY. This will also show suggestions for improving your overall Web Performance.
ColorZilla
This color picker extension is a pioneer in its category. In its simplest form, it is a color picker tool that lets you pick color from any Website. But, it also comes with many tools that not everyone is aware of.
Key Features
- Page Color Picker (Default)
- Pick Color Outside Browser
- Color Picker Panel (Convert between formats and modification)
- Copy Special (Convert between Formats)
- CSS Gradient Generator
Fake Filler
As the name suggests, this extension can help you fill forms with fake data. It supports filling out an entire form at once, filling one field, fill all fields within a form.
JSONViewer
This simple extension will pretify your JSON response to make it beautifully readable. There is no need to be frustrated again while reading and analyzing JSON data.
LT Debug
This extension is not just a single-purpose extension. It has a collection of tools to help you debug and analyze your Websites and Web Applications for performance and security.
Key Features
- Modify Headers
- Block Requests
- Throttle Response
- Add/Remove Query Params
- Redirect Requests
- Change User Agent
- Insert CSS/JS
- Allow CORS
- Content Security Policy
Lighthouse
Yet another Web Performance Analysis tool? Yes, but it's very different than its counterpart. It checks your website for Performance, Accessibility, Best Practices, and SEO. It will give you detailed insights and suggest improvements.
Lorem Ipsum Generator
This simple yet powerful extension lets you generate "Lorem Ipsum" placeholder text for your website. It has options for Paragraphs, Words, Bytes, and Lists Generation.
Markdown Viewer
Similar to JSONViewer but for Markdown. It will help you to View markdown files easily.
Responsive Viewer
This tool is a must for Web Designers, Frontend Engineers, UI/UX Designers, and Developers. It will help you to view your website on many different screens at once. By default, It shows your website in popular device sizes out there. You can also change screen positions from Horizontally Stacked to Vertically Stacked, Control Zoom Levels, and add Custom Devices for preview.
SuperDev Pro
This freemium multi-tool extension lets you Inspect CSS, List all fonts, Pick Colors, Extract Color palettes, Extract Images, and Take Screenshots. This is just a list of its free features. If you have its premium version then, you can do more with it like Live Text Edit, Font Change, Move/Delete/Export Elements, Measure Page Elements, Outline Pages, and Replace Images.
Wappalyzer - Technology profiler
This extension is used to know which technology a particular Website or Web Application is using under the hood.
Web Developer
This is another multi-tool extension that provides various tools a Web Developer needs. This extension is a powerhouse of Web Development tools.
Key Features
- Disable Javascript
- Manage Cookies
- Manage CSS
- Manage Forms
- Various Image Related Tools
- Various Debugging Tools
Web Developer Checklist
This extension helps you to check if your Website or Web Application follows standard guidelines or not. This will help to improve the SEO, Accessibility, Usability, and Overall User Experience of your Website.
WhatFont
This a a classic Website Font Checker extension. This will help you to identify fonts used in a Website with related information such as Font Family, Font Size, Font Weight, Letter Spacing, Text Color, etc.
Window Resizer
Another extension for UI Designers and Developers. This extension as the name suggests Resize Browser Window to predefined presets or custom dimensions. This will help you check your Website for Responsiveness.
daily.dev | The homepage developers deserve
Want to stay up-to-date with Web Technologies, Programming Languages, or Anything related to Development in General? This is a must-have extension in your browser. It provides you with an elegantly designed New Tab Page that contains Links to Articles, Videos, and Blog Posts from various sources on the Internet. On First Run, It will make you create an account and store all your topic preferences.
Outro
Thank you for reading. Let me know, If you find this article helpful or not. Feedback is appreciated.
Top comments (0)