Web Developer's Toolbox
About this Collection
Speed up the development process by using add-ons to troubleshoot, edit, and debug web projects without ever clicking away from Firefox.
11 Add-ons in this Collection
The Web Developer extension adds various web developer tools to the browser.
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 React tab.
DevTools extension for debugging Vue.js applications.
Add accessibility auditing to the Firefox Developer Tools
DevTools Media Panel by Karolien Koorts, Gerald Squelart, others
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.
Because good website security shouldn't only be available to mad scientists!
Laboratory is an experimental Firefox extension that helps you generate a Content Security Policy (CSP) header for your website.
Server-side debugging via web console, substituting native support for the Chrome Logger protocol developed by Craig Campbell ( https://craig.is/writing/chrome-logger/ ) in Firefox 43 – 56.
A browser extension that lets you display the basic typographic styles of a text by right-clicking it.