Skip to content
~/galuh-satria/README.md

· 1 min read

5 Chrome Extensions Every Web Developer Should Know

Chrome extensions that make building and debugging websites easier

Here are five Chrome extensions that can make web development easier.

  1. Mobile Simulator

    Screenshot of the Mobile Simulator Chrome extension

    Want to see how your website looks on different devices and screen sizes? The Mobile Simulator extension lets you preview the responsive layout on phones, tablets, and even smart watches.

  2. WhatFont

    Screenshot of the WhatFont Chrome extension

    Every web developer has wondered which font a website is using. WhatFont is an extension that shows you exactly that. Click any text on the page and it reveals the font family, weight, size, and line height.

  3. ColorZilla

    Screenshot of the ColorZilla Chrome extension

    With ColorZilla you can quickly grab the color code of anything on a website. Click the eyedropper icon, then pick the color you want from the page.

  4. Wappalyzer

    Screenshot of the Wappalyzer Chrome extension

    Wappalyzer makes it easy to see which technologies a website uses, including its frameworks, programming languages, hosting, and analytics tools.

  5. Lighthouse

    Screenshot of the Lighthouse Chrome extension

    Lighthouse lets you test how well your website performs. It produces reports for performance, accessibility, best practices, and SEO so you know what to improve next.