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. 评分 4.2 / 5- ireaderinokun- 2,114 个用户
 - webhint- Check for best practices and common errors with your site's accessibility, speed, security and more. 评分 4.6 / 5- webhint- 2,455 个用户
 - 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 / 5- Selenium- 34,711 个用户
 - Augury- Extends the Developer Tools, adding tools for debugging and profiling Angular applications. 评分 3.7 / 5- Rangle.io- 1,330 个用户
 - Fontanello- A browser extension that lets you display the basic typographic styles of a text by right-clicking it. 评分 4.7 / 5- Fred Bergman- 3,090 个用户
 - Compat Report- Shows a report of browser compatibility issues using data from MDN 评分 4.6 / 5- Eduardo Bouças- 437 个用户
 - 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 / 5- BurningMoth- 573 个用户
 - Web Developer- The Web Developer extension adds various web developer tools to the browser. 评分 4.3 / 5- chrispederick- 70,994 个用户
 - axe DevTools® - Web Accessibility Testing- Add accessibility auditing to the Firefox Developer Tools 评分 4.5 / 5- Deque Systems Inc.- 8,904 个用户
 - 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 / 5- April King- 1,922 个用户
 - 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 / 5- Karolien Koorts- 1,780 个用户
 - 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 / 5- React- 169,308 个用户


