OpenLaszlo provides a powerful debugger to identify and solve problems in your application. This example illustrates four different ways you can use the debugger:

1. Click the Click Me! button. A debugging message is written in the debugger. This is done using Debug.format() in the onclick event handler of the button.
2. Notice that the output of Debug.format is clickable. If you click on it, the debugger will inspect the object. Any value the debugger prints in blue is inspectable.
3. You can also use the debugger to obtain runtime values of component attributes. For example type myButton.width in the input field at the bottom of the debugger window, and then press enter: the width of the button is displayed in the debugger's main window.
4. Finally, you can use the debugger to interact with the application at runtime using JavaScript. For example type logo.setAttribute("visible",true) in the debugger's input field and press enter: the logo now appears in the running application.

Notice how the debug attribute of the <canvas> tag is used to turn on the debugger.