Web Developer: Provides a range of tools for web development, including various inspect and analyze functions, CSS manipulation, and more. Extension Link: Web Developer
ColorZilla: A color picker and eyedropper tool that helps you identify and save colors from web pages. Extension Link: ColorZilla
WhatFont: Allows you to inspect and identify fonts used on a webpage. Extension Link: WhatFont
Lighthouse: Analyzes web pages for performance, accessibility, best practices, and SEO, providing valuable optimization insights. Extension Link: Lighthouse
BuiltWith Technology Profiler: Detects the technologies used on a website, including frameworks, libraries, and more. Extension Link: BuiltWith Technology Profiler
Octotree: Improves GitHub navigation by providing a tree view of repositories, making code exploration easier. Extension Link: Octotree
JSON Viewer: Formats and color-codes JSON responses for better readability. Extension Link: JSON Viewer
User-Agent Switcher: Allows you to switch the user agent of the browser to test how websites respond on different devices. Extension Link: User-Agent Switcher
EditThisCookie: Enables you to view, edit, add, and delete cookies in your browser. Extension Link: EditThisCookie
CSS Peeper: Extracts CSS of selected element, helping you quickly analyze styles on any web page. Extension Link: CSS Peeper
Wappalyzer: Detects the technologies used on websites, including content management systems, frameworks, and more. Extension Link: Wappalyzer
MeasureIt!: Allows you to draw out measurements directly on web pages to assess spacing and layout. Extension Link: MeasureIt!
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (1)
Awesom list of extensions. I really like CSS Peeper. Thanks for sharing!
I would like to add the below. These made my life more productive:
VisBug
Visually edit and inspect page styles without opening DevTools. With VisBug, you can adjust layouts, tweak spacing, and experiment with design changes using an intuitive, designer-friendly interface.
Link: VisBug
axe DevTools
A leading automated tool for accessibility testing, axe DevTools is developed by Deque Systems and trusted across the accessibility community for its reliability and depth.
Link: axe DevTools
Load Time
Load Time displays page load duration instantly in your browser toolbar and provides a clear timeline of major navigation events—ideal for performance reviews and audits.
Link: Load Time
SEO Pro
A comprehensive SEO extension packed with insights—including schema markup—so you can skip waiting on external tools like Rich Snippets. Great for managing SEO across multiple pages efficiently.
Link: SEO Pro
Would you also recommend any standalone softwares to improve productivity ?