Faster, smarter debugging
Looking for the nice features that provide a more IDE-like experience? Want more support for automation, and modern frameworks and libraries? The Firefox DevTools are here to help.
Log without changing your codebase
Say goodbye to mistakes introduced during console logging and debugging.
Keep an eye on your properties
With watchpoints you can know when a property changes, when it is read, or even both, and pause execution at that point, rather than being limited to marking a specific line of code with a breakpoint.
Debug with your code, not transformed source
Mapping scopes and logpoints for sourcemaps means seeing your variables, not uglified library replacements. The source map backend perfects the illusion that you’re debugging your code, not transformed source from a framework, bundler, or compiler. Generating correct source maps can be challenging, so the DevTools team contributed patches to build tools, benefiting the whole ecosystem.
Troubleshoot WebSocket connections
Inspect data sent and received through a selected WS connection in a live-updated table. Either examine it raw, or parsed and displayed as a expandable tree, using a supported WS protocol.
Better understand your async operations
When you work with frameworks, events are scheduled and fired based on the frameworks' scheduling logic, which is focused on not blocking the main thread. This results in unhelpful stacks that make it difficult to identify what triggered an event. In the Firefox DevTools, you see which frames have executed before an async operation, and easily trace the cause of an event.
Run automated front-end tests
XPath (XML Path Language) search enables you to find nodes in the Inspector and determine whether they match a particular pattern. It is commonly used to surface elements for automated UI testing.
Stay in your stack
Stepping into a function call or library method further down in the stack? Select the function you want in the Call Stack, and keep on stepping, knowing you'll remain in the same stack frame.