Genero Studio Overview: Graphical Debugger

Related video: Genero Studio Overview: Graphical Debugger

The Graphical Debugger helps to graphically debug and test Genero GDC, Web, and Mobile applications. The Debugger supports local or remote Genero configurations as well as remote debugging with local source files – useful for debugging in a production environment.

To get started, open a file in Code Editor, set a breakpoint, and select the Debug option in the context menu or the Debug Topmenu option. When the application runs, it stops at the breakpoint, and waits.

The code can be stepped through, executing it line by line.

Step into and out of functions. The debugger switches between source code modules as needed.

Global, Module, and Function variables can be examined at any step. Change the value of a variable and continue stepping through the program to see the effect.

Set watchpoints to stop program execution each time the value of an expression changes. First, set a breakpoint in the function that has the variable expression in scope and select ‘Debug’. When the program stops at the breakpoint, click the Data view to display the variables. Right-click the variable and select Add to watch to create the watchpoint. Click on the Watchpoints view to disable, enable or delete existing watchpoints.  Notice that conditional watchpoints can be used to determine whether to stop execution of the program when the variable has changed.

Use the backtrace tab to see which functions in the program have been called.

When finished, stop the program and stop the debugger.

The Graphical Debugger provides an easy to use graphical interface for debugging Genero applications.