debugger.html is a hackable debugger for modern times, built from the ground up using React and Redux. It is designed to be approachable, yet powerful. And it is engineered to be predictable, understandable, and testable.
Mozilla created this debugger for use in the Firefox Developer Tools. And we've purposely created this project in GitHub, using modern toolchains. We hope to not only to create a great debugger that works with the Firefox and Chrome Debugging Protocol but development community that can embed this debugger in your own projects with tools like NPM.
Here's the quick setup, if you're getting started, we recommend the detailed getting started instructions.
curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --version 0.19.1
git clone git@github.com:devtools-html/debugger.html.git
cd debugger.html
yarn install
yarn run firefox
# create a new terminal tab
cd debugger.html
yarn startAfter the debugger is setup, you can:
- practice debugging the debugger
- claim an up for grabs issues
- read the app overview or contributing guidelines
- watch a screencast
This is an open source project and we would love your help. We have prepared a CONTRIBUTING guide to help you get started.
We strive for collaboration with mutual respect for each other. Mozilla also has a set of participation guidelines which goes into greater detail specific to Mozilla employees and contributors.
We're all on Mozilla's IRC in the #devtools-html channel on irc.mozilla.org.