Debugging

Developer tools can be accessed on all platforms, but unfortunately how you get to them varies. These are the same built-in tools you get with the Chrome browser. For more details on the how to use the inspector, refer to the Google Developer’s Site.

It is important you understand the nested structure of Kiosk{ed} before digging in. We have three levels of nesting in the Kiosk{ed} browser application:

  1. Application Window - Primary outer window for the application. (top level)
  2. Browser Control - Full sized browser component that is inside the Application Window. (middle level)
  3. WebView - Webview element where your content resides is inside the Browser Control. (bottom level)

You can open the development tools for both the Browser Control and the WebView in the current version.

Windows and macOS

To access the developer tools for Windows and macOS:

  1. Access the Proctor Panel by clicking SHIFT+ALT+LEFT.
  2. Enter your developer passcode.
  3. Click on the Open Dev Tools option to open the developer tools for the primary Browser Control (middle level).
  4. Go to the Command Line Tool window.
  5. Type kiosk.browser.openDevTools() and press Enter to open the inspector for the WebView content.

iOS

For iOS we use the Safari developer tools. These are comparable to the Chrome tools, with a few subtle differences. Accessing these tools is not as straightforward. You need both an iPad with the Kiosk{ed} application installed, and a second machine with macOS. Full instructions can be found on the Apple site. Let us know if you need assistance.

Chromebooks

Inspecting pages within Kiosk{ed} on Chrome OS unfortunately requires a trick that we can not publish. Email support for the specifics.

2018 © Learning Logistics. All Rights Reserved.