Must Have Chrome Extensions for Web Developers

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!

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →