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
- Auteur
- 16 feb. 2024
- Lêst bywurke

Feature Queries Manager
Manage and toggle CSS on a page behind a @supports Feature Query.
Wurdearring: 4,2 fan 5ireaderinokun
2.112 brûkers

webhint
Check for best practices and common errors with your site's accessibility, speed, security and more.
Wurdearring: 4,6 fan 5webhint
2.500 brûkers

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.
Wurdearring: 4,3 fan 5Selenium
35.459 brûkers

Augury
Extends the Developer Tools, adding tools for debugging and profiling Angular applications.
Wurdearring: 3,7 fan 5Rangle.io
1.339 brûkers

Fontanello
A browser extension that lets you display the basic typographic styles of a text by right-clicking it.
Wurdearring: 4,7 fan 5Fred Bergman
3.153 brûkers

Compat Report
Shows a report of browser compatibility issues using data from MDN
Wurdearring: 4,6 fan 5Eduardo Bouças
447 brûkers

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/ ).
Wurdearring: 4,6 fan 5BurningMoth
584 brûkers

Web Developer
The Web Developer extension adds various web developer tools to the browser.
Wurdearring: 4,3 fan 5chrispederick
71.708 brûkers

axe DevTools® - Web Accessibility Testing
Add accessibility auditing to the Firefox Developer Tools
Wurdearring: 4,5 fan 5Deque Systems Inc.
9.110 brûkers

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.
Wurdearring: 4,6 fan 5April King
1.954 brûkers

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.
Wurdearring: 4,3 fan 5Karolien Koorts
1.793 brûkers

Redux DevTools
DevTools for Redux with actions history, undo and replay.
Wurdearring: 4,7 fan 5timdorr
44.897 brûkers

63.388 brûkers

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.
Wurdearring: 4,6 fan 5React
172.681 brûkers