debugger

That demo is incredible. After watching it, I'm inspired to look at how I can help out. For anyone else that feels the same way, here's the repo: https://github.com/firefox-devtools/debugger

And for those curious, here's the issue for bringing the feature back in the new debugger: https://github.com/devtools-html/debugger.html/issues/4750

Here's a tool you most likely used at some point :) https://github.com/devtools-html/debugger.html

Please let us know if you'd like to see the devtools improved! Also, the devtools are actually a React app (https://github.com/devtools-html/debugger.html), and this means that you can hack on them using ... your devtools (and any other HTML/JS/React tooling you like)! And you can hack on them in any browser, and use them to debug any browser (however some browsers may not support the same debugger protocol features the Firefox devtools support). They're super easy to work on and it's really fun. (Of course, there's also a devtools "server" on the firefox side that responds to the queries of the React devtools client, and hacking on that is harder, but a lot of the stuff can be done without needing to touch this)

The modern Firefox Debugger has none of the issues you're whining about. https://github.com/devtools-html/debugger.html

While it's true the firefox debugger is lacking in certain areas, it's also better than chrome in others. Debugging CSS animations is much easier in firefox, but firefox lacks a way to look at websocket packets. One thing I like about firefox is that its debugger is a just a React webapp : https://github.com/devtools-html/debugger.html. So it's fairly easy to add to it !

For reference, Org: https://github.com/devtools-html Debugger.html repo: https://github.com/devtools-html/debugger.html

It's not up to par with Chrome Dev Tools, but something to keep an eye on is https://github.com/devtools-html/debugger.html (a project run by Mozilla). This has the benefits of being open source and very accessible to developers (because of the technologies & being on GitHub). It may one day give Chrome a run for it's money.

When they said "current debugger tool" they were referring to this Debugger[0]. [0] https://github.com/devtools-html/debugger.html

Great to see the Firefox Developer Tools team continue to make use of React and Redux as they rebuild things! They already used React+Redux to rebuild the Debugger (https://github.com/devtools-html/debugger.html , http://mozilla.github.io/devtools-docs/react.html ), and clearly it must be working well for them :) Definitely a couple nice examples of more complex "real-world" apps that go well past the TodoMVC level of detail. Looks like the source for the Network Monitor is at https://github.com/mozilla/gecko-dev/tree/master/devtools/cl... . (Also, will throw out a pointer to my React/Redux links list at https://github.com/markerikson/react-redux-links if anyone wants tutorials or info on best practices for using them.)

> trying to edit live code You mean JS code in the debugger? You may want to raise an issue for this in the new debugger which seems much faster developement progress: https://github.com/devtools-html/debugger.html Or html in Inspector or CSS in the rule view?

Thanks for all your hard work! If you want to check out the new model of development take a look at the debugger, its the first in series of new panels coming to Firefox. https://github.com/devtools-html/debugger.html

> As an aside I always kind of wondered why all browsers started including developer tools by default as they are not of use to 99.9% of users. AFAIK the firefox devtools team has plans/ideas that the devtools could just used like a normal Web App (loaded from a server). Currently, they are migrating XUL based components over to normal html what would make this possible. As an example, just like debugger.html which can even be used from any browser in a not-builtin way: https://github.com/devtools-html/debugger.html

Thanks! We'd love to have OSS help. We try to be as beginner friendly as possible. Getting started is as easy as `npm install; npm start`. Here are our contributing docs - https://github.com/devtools-html/debugger.html/blob/master/C... We have lots of great "up for grabs" issues for first time contributors - https://github.com/devtools-html/debugger.html/issues?q=is%3.... If you're interested, comment on one of the issues and it's yours. This week we've had lots of first time contributors and there's a lot of low hanging fruit.

My buddy Jason and the Mozilla devtools team have been working on the next version of the Firefox debugger, written in React and Redux: https://github.com/devtools-html/debugger.html Open source FTW