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
- יוצר
- 16 פבר׳ 2024
- עדכון אחרון

Feature Queries Manager
Manage and toggle CSS on a page behind a @supports Feature Query.
דירוג 4.2 מתוך 5ireaderinokun
2,122 משתמשים

webhint
Check for best practices and common errors with your site's accessibility, speed, security and more.
דירוג 4.6 מתוך 5webhint
2,514 משתמשים

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.
דירוג 4.3 מתוך 5Selenium
35,707 משתמשים

Augury
Extends the Developer Tools, adding tools for debugging and profiling Angular applications.
דירוג 3.7 מתוך 5Rangle.io
1,348 משתמשים

Fontanello
A browser extension that lets you display the basic typographic styles of a text by right-clicking it.
דירוג 4.7 מתוך 5Fred Bergman
3,177 משתמשים

Compat Report
Shows a report of browser compatibility issues using data from MDN
דירוג 4.6 מתוך 5Eduardo Bouças
450 משתמשים

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/ ).
דירוג 4.6 מתוך 5BurningMoth
585 משתמשים

Web Developer
The Web Developer extension adds various web developer tools to the browser.
דירוג 4.3 מתוך 5chrispederick
72,162 משתמשים

axe DevTools® - Web Accessibility Testing
Add accessibility auditing to the Firefox Developer Tools
דירוג 4.5 מתוך 5Deque Systems Inc.
9,204 משתמשים

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.
דירוג 4.6 מתוך 5April King
1,970 משתמשים

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.
דירוג 4.3 מתוך 5Karolien Koorts
1,801 משתמשים

45,270 משתמשים

63,749 משתמשים

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.
דירוג 4.6 מתוך 5React
174,043 משתמשים