Developer tools

While developing, you can set dizmoViewer in "Development Mode". Use the menu on the bottom right.

Development Mode
Development Mode

In "Development Mode", each dizmo in dizmoViewer features three additional menu items:

  • Open inspector
  • Show source code
  • Reload dizmo
Dizmo menu
Dizmo menu

Open inspector

A click on "Open inspector" will open a web inspector 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 systems 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).