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 are instructions to get the debugger.html application installed and running.
npm install- Install dependenciesnpm start- Start development web serveropen http://localhost:8000- Open in any modern browser
It is recommended to use Git Shell which comes with GitHub Desktop application to emulate bash on Windows.
npm install --ignore-scripts- Install dependenciesbash ./bin/preinstall- Run preinstall script manuallynpm start- Start development web serveropen http://localhost:8000- Open in any modern browser
Now you have the debugger.html web app running, follow the instructions shown on that page to start up debug target like a web browser or node.js.
Please read Getting Started in our CONTRIBUTING document for more detailed instructions.
This is an open source project and we would love your help. We have prepared a CONTRIBUTING guide to help you get started, here are some quick links to common questions.
We use the up for grabs label to indicate this work is open for anyone to take. If you already know what you're doing and want to dive in, take a look at those issues.
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.