Developer tools

While developing, you can set dizmoViewer in Development Mode.

Development Mode
Development Mode

In Development Mode, each dizmo in dizmoViewer features 3 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

Using 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".

Reload dizmo

If you have set the deployment_path and then run the command python manage.py deploy, you can click on "Reload dizmo". The newly deployed version of your dizmo will be loaded and will run.