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,442 users

  • webhint

    webhint

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

    webhint

    2,729 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

    39,762 users

  • Augury

    Augury

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

    Rangle.io

    1,637 users

  • Fontanello

    Fontanello

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

    Fred Bergman

    3,552 users

  • Compat Report

    Compat Report

    Shows a report of browser compatibility issues using data from MDN

    Eduardo Bouças

    520 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

    658 users

  • Web Developer

    Web Developer

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

    chrispederick

    80,119 users

  • axe DevTools® - Web Accessibility Testing

    axe DevTools® - Web Accessibility Testing

    Add accessibility auditing to the Firefox Developer Tools

    Deque Systems Inc.

    9,166 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,353 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

    2,017 users

  • Spector.js

    Spector.js

    Easily explore and debug any WebGL context.

    BabylonJS

    1,317 users

  • Redux DevTools

    Redux DevTools

    DevTools for Redux with actions history, undo and replay.

    timdorr

    52,055 users

  • Vue.js devtools

    Vue.js devtools

    DevTools extension for debugging Vue.js applications.

    Evan You

    77,866 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

    190,173 users