Best Debugging Tools for Mozilla Firefox

You can easily scan through traffic by highlighting content type, status, and source. Or, you can use powerful filtering tools that match your messages to the most important ones. With MDN inline explanations and docs, you can examine the URL, status, headers, and body of each request, or response. You can explore message bodies using highlighting and auto formatting for JSON HTML, JS, JS and other formats, all with the help of Monaco, the editor in Visual Studio Code. Match requests precisely, jump to them as they appear, and edit any information: the target URL or method, headers, body, or method. You can either respond manually to the requests as they arrive or pass them upstream. On the way back, pause and edit the actual response. Step through HTTP traffic request-by-request, or manually mock errors and endpoints. To quickly prototype against new services or endpoints, create rules that match requests.

Firefox Developer Tools is a collection of web developer tools that Firefox has built in. These tools can be used to debug HTML, CSS, or JavaScript. This section provides detailed information about all the tools, as well as information about how to debug Firefox on Android, how you can extend DevTools and how to debug Firefox as a whole. Open Firefox Developer Tools by selecting Tools >Web Developer > Web Developer Tools. Or, you can use the keyboard shortcut Ctrl+ Shift + I (Windows and Linux) or Cmd+ Opt + II on macOS.

WEb INspector REmote is WEinre Pronounced like "winery". Or perhaps like the word "weiner". Weinre is a web page debugger, similar to FireBug (for Firefox), and Web Inspector (for WebKit based browsers), but it's designed to work remotely and, in particular, to allow users to debug web pages from a mobile device like a phone. Weinre was created in an era when there weren't any remote debuggers for mobile devices. Some platforms have begun to offer remote debugging capabilities as part of their platform toolkit. Weinre uses the user interface code from WebKit's web inspector project. If you have used Chrome's Developer Tools or Safari's web inspector, you will be familiar with weinre. Normal usage will require you to run the client application on your desktop/laptop and a target page on your smartphone. Weinre doesn't use any 'native code' in the browser. It's just plain old JavaScript.