Activate webpage debugging on a SiteKiosk Online client

SiteKiosk Online How-To’s

Activate webpage debugging on a SiteKiosk Online client

5. June 2024

1. Aim of Webpage Debugging

Activating webpage debugging on a SiteKiosk Online client enables you to identify problems and bugs within the webpages being used by running SiteKiosk Online clients.

2. Setup

The following example of activating webpage debugging only works with SiteKiosk Online on clients with Windows 10 or higher.

Before beginning, make sure SiteKiosk Online is activated on your client. Also, ensure that you are logged into your SiteKiosk Online account and have opened the desired project to activate webpage debugging.

3. Elementary Adjustments

For the given example, the template browser is utilized, and start URL is already incorporated into the webpage element.

To begin, two entries need to be added in the advanced settings:

The first entry enables the display of the DebugWindow within the web element on the client:

1. Click on the Settings-button, then select Advanced, and click on the green Add setting-button.
2. Enter debug.showDebugWindow under Path and enable the checkbox next to Value.
3. Finally, click on Save. The Window will close, and the advanced setting will be listed in the overview.


Webpage debugging
Fig.1 – Activation of the debug window display

The second entry enables the Advanced Options in the debugged window:

1. Click again on the green Add setting-button
2. enter debug.showAdvancedOptionsInDebugWindow into the text field.
3. Enable the checkbox under Value again
4. Finally, press Save

Both settings are now listedin the overview.

Press Save in the bottom right corner to save and close the advanced settings.

Now, proceed to publish your SiteKiosk Online Project on the client.

4. Effects on SiteKiosk Online Clients

For the next steps, the DevTools in the debugged window are necessary.


Webpage debugging
Fig.2 – DevTools in the debug window

1. Open the DevTools tab in the debug window by pressing F12.
2. Click on the Embedded UI Browser-button to open the DevTools window.
3. In the Developer Tools, select the Console-tab to analyze possible failures in the webpage.


Webpage debugging
Fig.3 – Console tab

This overview displays errors and bugs present in the webpage used for the SiteKiosk Online project.

Activate webpage debugging on a SiteKiosk Online client

Table of Contents