Features of the Debugger Tool

The various features of the Debugger are:

• Search and filter option: You can search for certain file content or filter functions of the selected files. This option helps you to save time in searching for the required file or function. The search options support regular expression and case insensitive.
• Lists all js files: In the debugger tab you will have a sidebar displaying all the files under their respective URL. You have multi-tab support in the debugger to work on multiple files at the same time.
• Watching expressions: You can monitor JS variable values and expression values when you are stepping through the code. This helps to check for correct values and understand how these values change.
• Breakpoints and control buttons: You can have XHR, event listener, and dom mutation breakpoints and the debugger provides basic control buttons such as Resume/Pause, Step over, Step in, and Step out.

Firefox provides a debugger in the DevTools to examine the JS code of the web page to inspect or find various bugs. You can add breakpoints to control the flow of execution and inspect various variables. All developers must know how to debug their code and since the debugger is easy to use it won’t be a big task to learn.