Shivam's blog

Must Have Chrome Extensions for Web Developers

Shivam Kumar's photo
Shivam Kumar
·

2 min read

  1. Web Developer: Provides a range of tools for web development, including various inspect and analyze functions, CSS manipulation, and more. Extension Link: Web Developer

  2. ColorZilla: A color picker and eyedropper tool that helps you identify and save colors from web pages. Extension Link: ColorZilla

  3. WhatFont: Allows you to inspect and identify fonts used on a webpage. Extension Link: WhatFont

  4. Lighthouse: Analyzes web pages for performance, accessibility, best practices, and SEO, providing valuable optimization insights. Extension Link: Lighthouse

  5. BuiltWith Technology Profiler: Detects the technologies used on a website, including frameworks, libraries, and more. Extension Link: BuiltWith Technology Profiler

  6. Octotree: Improves GitHub navigation by providing a tree view of repositories, making code exploration easier. Extension Link: Octotree

  7. JSON Viewer: Formats and color-codes JSON responses for better readability. Extension Link: JSON Viewer

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

  9. EditThisCookie: Enables you to view, edit, add, and delete cookies in your browser. Extension Link: EditThisCookie

  10. CSS Peeper: Extracts CSS of selected element, helping you quickly analyze styles on any web page. Extension Link: CSS Peeper

  11. Wappalyzer: Detects the technologies used on websites, including content management systems, frameworks, and more. Extension Link: Wappalyzer

  12. MeasureIt!: Allows you to draw out measurements directly on web pages to assess spacing and layout. Extension Link: MeasureIt!

Web Developmentchrome extensioncoding