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
Manage and toggle CSS on a page behind a @supports Feature Query.
5점 만점에 4.2점ireaderinokun
사용자 2,009명

webhint
Check for best practices and common errors with your site's accessibility, speed, security and more.
5점 만점에 4.6점webhint
사용자 2,527명

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.
5점 만점에 4.3점Selenium
사용자 34,956명

Augury
Extends the Developer Tools, adding tools for debugging and profiling Angular applications.
5점 만점에 3.7점Rangle.io
사용자 1,311명

Fontanello
A browser extension that lets you display the basic typographic styles of a text by right-clicking it.
5점 만점에 4.7점Fred Bergman
사용자 3,340명

Compat Report
Shows a report of browser compatibility issues using data from MDN
5점 만점에 4.6점Eduardo Bouças
사용자 445명

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/ ).
5점 만점에 4.6점BurningMoth
사용자 571명

Web Developer
The Web Developer extension adds various web developer tools to the browser.
5점 만점에 4.3점chrispederick
사용자 74,719명

axe DevTools® - Web Accessibility Testing
Add accessibility auditing to the Firefox Developer Tools
5점 만점에 4.2점Deque Systems Inc.
사용자 10,516명

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.
5점 만점에 4.6점April King
사용자 1,988명

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.
5점 만점에 4.3점Karolien Koorts
사용자 1,770명

사용자 47,826명

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.
5점 만점에 4.6점React
사용자 187,231명