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 | bash -s -- --version 0.18.1git clone firstname.lastname@example.org:devtools-html/debugger.html.gitcd debugger.htmlyarn installyarn run firefox# create a new terminal tabcd debugger.htmlyarn start
After the debugger is setup, you can:
This is an open source project and we would love your help. We have prepared a CONTRIBUTING guide to help you get started.
We're all on Mozilla's IRC in the #devtools-html channel on irc.mozilla.org.