Over the past year I have given a presentation about using the browser for debugging client-side bugs. Throughout the presentation I would focus on using Chrome, as it's my primary browser and I just don't have the time to use multiple browsers while presenting.

Now, I do suggest to others that they try out other browsers, as it can be very helpful. So here's a screencast where I'll show you a few sample applications, with some bugs, and how you can use the Firefox DevTools to debug them and compare and contrast the different tools.

Debugging With the Firefox DevTools

Conclusion

Now, I've only showed you what I've been using personally within the DevTools, but you can do a heck of a lot more with them, checkout the documentation. Lately, I've been thinking of moving over to Firefox as my main browser as I'm really enjoying the Firefox DevTools.

Thanks for watching!