Firefox DevTools Contributor Docs¶
This is a guide to working on the code for Firefox Developer Tools. If you’re looking for help with using the tools, see the user docs. For other ways to get involved, check out our community site.
Getting Started¶
Contributing¶
Automated tests¶
Files and directories¶
Tool Architectures¶
Frontend¶
- Panel SVGs
- React
- React Guidelines
- Redux
- Redux Guidelines
- Telemetry
- Adding metrics to a tool
- 1. Adding the probe to Firefox
- Adding probes to
Histograms.json - Adding probes to
Scalars.yaml - Adding probes to
Events.yaml - 2. Using Histograms.json probes in DevTools code
- 3. Using Scalars.yaml probes in DevTools code
- 4. Using Events.yaml probes in DevTools code
- 4. Getting approval from the data team
- Accessing existing data
- Adding metrics to a tool
- Current DevTools CSP
- Scope of the DevTools CSP
- Recognizing CSP issues
- Fixing CSP issues
- Fixing CSP issues in tests