需要下载 Firefox 才能使用这些附加组件。

登录

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
附加组件
Firefox
作者
2024年2月16日
上次更新
举报此收藏集
  • Feature Queries Manager

    Feature Queries Manager

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

    ireaderinokun

    2,142 个用户

  • webhint

    webhint

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

    webhint

    2,567 个用户

  • 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

    35,518 个用户

  • Augury

    Augury

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

    Rangle.io

    1,414 个用户

  • Fontanello

    Fontanello

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

    Fred Bergman

    3,339 个用户

  • Compat Report

    Compat Report

    Shows a report of browser compatibility issues using data from MDN

    Eduardo Bouças

    458 个用户

  • 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

    594 个用户

  • Web Developer

    Web Developer

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

    chrispederick

    75,150 个用户

  • axe DevTools® - Web Accessibility Testing

    axe DevTools® - Web Accessibility Testing

    Add accessibility auditing to the Firefox Developer Tools

    Deque Systems Inc.

    9,646 个用户

  • 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,059 个用户

  • 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,856 个用户

  • Spector.js

    Spector.js

    Easily explore and debug any WebGL context.

    BabylonJS

    1,236 个用户

  • Redux DevTools

    Redux DevTools

    DevTools for Redux with actions history, undo and replay.

    timdorr

    47,528 个用户

  • Vue.js devtools

    Vue.js devtools

    DevTools extension for debugging Vue.js applications.

    Vue.js

    64,258 个用户

  • 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

    180,683 个用户