Developer tools

Set dizmoViewer to "Development Mode" to utilize developer tools. "Development Mode" is found in the settings menu that is opened when the cogwheel icon is pressed.

Development Mode
Development Mode

Each dizmo in the dizmoViewer will now feature three additional menu items:

Dizmo menu
Dizmo menu

Open inspector

"Open inspector" opens a web inspector, just like in a browser. The inspector provides tools like "Elements" to view your HTML, or "Console" to inspect your JavaScript output.

Inspector
Inspector

In the "Console", you can also view all the classes with their functions, and the data tree of your dizmo.

Console
Console

Show source code

If you want to view the source code of the dizmo, click on "Show source code". This opens your system's default file browser at the location where the dizmo is installed.

Reload dizmo

After using the deploy option with dizmoGen you can click on ‘Reload dizmo’. You can also hold down CTRL or cmd and click the dizmo icon (top left) to reload the dizmo.