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
Mozilla Firefox
Creator
14 Aug 2018
Last updated
  • Feature Queries Manager

    Feature Queries Manager

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

    ireaderinokun

    3,051 users

  • webhint

    webhint

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

    webhint

    3,743 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

    48,822 users

  • Augury

    Augury

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

    Rangle.io

    3,436 users

  • Fontanello

    Fontanello

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

    Fred Bergman

    4,321 users

  • Compat Report

    Compat Report

    Shows a report of browser compatibility issues using data from MDN

    Eduardo Bouças

    827 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

    988 users

  • Web Developer

    Web Developer

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

    chrispederick

    105,776 users

  • axe DevTools® - Web Accessibility Testing

    axe DevTools® - Web Accessibility Testing

    Add accessibility auditing to the Firefox Developer Tools

    Deque Systems Inc.

    7,793 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,988 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,528 users

  • Spector.js

    Spector.js

    Easily explore and debug any WebGL context.

    BabylonJS

    1,562 users

  • Redux DevTools

    Redux DevTools

    DevTools for Redux with actions history, undo and replay.

    timdorr

    53,042 users

  • Vue.js devtools

    Vue.js devtools

    DevTools extension for debugging Vue.js applications.

    Evan You

    92,638 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

    171,413 users