Debug Explorer

The Debug Explorer or Perspective comes in handy when trying trying to step through code to resolve bugs and figuring out the flow of business logic.

To jump into the Debug perspective we can start by setting up a breakpoint. By double clicking on the line number where we want the debugger to start inspection. Once we do that and the client reaches that point in the code, the "Perspective Switch" dialog should appear asking if we want to switch.

Selecting "Switch" will bring us over to the debug perspective.

The default view of the Debug Perspective

Once we've launched the perspective you will see that the line which the debugger has stopped on will be highlighted. From here you can step line by line and debug the function or activity.

The Debug Panel shows the entire thread of code up to the highlight point. You can click on a line to switch to different JavaScript files. This helps keep track of your place if we are debugging in a deeply nested function.

Within the debug perspective we can also use our mouse to hover over variables or objects within our code. It will allow you ti view the current values or properties as they are in that point in the execution.