To use these add-ons, you'll need to download Firefox.

Log in

Web Developer's Toolbox

Speed up the development process by using add-ons to troubleshoot, edit, and debug web projects without ever clicking away from Firefox.

15
Add-ons
Firefox
Creator
Feb 16, 2024
Last updated
Report this collection
  • Feature Queries Manager

    Feature Queries Manager

    Manage and toggle CSS on a page behind a @supports Feature Query.

    ireaderinokun

    2,175 users

  • webhint

    webhint

    Check for best practices and common errors with your site's accessibility, speed, security and more.

    webhint

    2,626 users

  • Selenium IDE

    Selenium IDE

    Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests.

    Selenium

    37,794 users

  • Augury

    Augury

    Extends the Developer Tools, adding tools for debugging and profiling Angular applications.

    Rangle.io

    1,411 users

  • Fontanello

    Fontanello

    A browser extension that lets you display the basic typographic styles of a text by right-clicking it.

    Fred Bergman

    3,336 users

  • Compat Report

    Compat Report

    Shows a report of browser compatibility issues using data from MDN

    Eduardo Bouças

    471 users

  • ChromeLogger

    ChromeLogger

    Parses and displays messages from X-ChromeLogger-Data and X-ChromePHP-Data headers in DevTools Web Console facilitating server-side debugging via the Chrome Logger protocol ( https://craig.is/writing/chrome-logger/ ).

    BurningMoth

    611 users

  • Web Developer

    Web Developer

    The Web Developer extension adds various web developer tools to the browser.

    chrispederick

    75,730 users

  • axe DevTools® - Web Accessibility Testing

    axe DevTools® - Web Accessibility Testing

    Add accessibility auditing to the Firefox Developer Tools

    Deque Systems Inc.

    9,981 users

  • Laboratory (Content Security Policy / CSP Toolkit)

    Laboratory (Content Security Policy / CSP Toolkit)

    Because good website security shouldn't only be available to mad scientists! Laboratory is a WebExtension that helps you generate a Content Security Policy (CSP) header for your website.

    April King

    2,076 users

  • DevTools Media Panel

    DevTools Media Panel

    DevTools panel that displays technical details about media elements and webrtc on the current page; intended primarily for web developers to understand media playback issues on their sites, and for users to provide more informative bug reports.

    Karolien Koorts

    1,863 users

  • Spector.js

    Spector.js

    Easily explore and debug any WebGL context.

    BabylonJS

    1,241 users

  • Redux DevTools

    Redux DevTools

    DevTools for Redux with actions history, undo and replay.

    timdorr

    48,056 users

  • Vue.js devtools

    Vue.js devtools

    DevTools extension for debugging Vue.js applications.

    Vue.js

    67,257 users

  • React Developer Tools

    React Developer Tools

    React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more. To get started, just open the Firefox devtools and switch to the "⚛️ Components" or "⚛️ Profiler" tab.

    React

    183,207 users