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¶
- Automated tests
- xpcshell
- Chrome mochitests
- DevTools mochitests
- Node tests
- Allocation tests
- Test example
- How to run them locally
- Debug leaks
- How to easily get data from try run
- Following trends for these tests
- Writing tests
- Debugging intermittent failures
- Performance tests overview
- DAMP Performance tests
- Writing new DAMP performance tests
- How to name your test and register it?
- How to run your new test?
- Example
- Advanced tips
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