Inspecting the AUI tree of a front end

When executing a program displaying on a front end, it is possible to inspect the content of the abstract user interface built on the front end side. The way to show the AUI tree depends on the type of front end.

Genero Desktop Client

The GDC must have been started in debug mode (-aD option).

In the current window of the running program, do a control-right-click with the mouse: This will open the AUI tree debug window.

You can then browse the AUI tree created on the GDC side.

Genero Web Client - JavaScript

The GAS / GWC-JS must have been started with debug option. In the as.xcf configuration file, add the following line:

<CONFIGURATION ...>
  <APPLICATION_SERVER>
     ...
     <RESOURCE Id="res.uaproxy.param" Source="INTERNAL">--development</RESOURCE>
     ...

Start your application in a web browser: a debug icon should appear on the right of the window. Click the icon to display the AUI debug tree.

You can then browse the AUI tree created on the GMA side.

Genero Mobile for Android

The GMA must execute with debug mode enabled in the settings panel.

Open a web browser an enter the following URL:

http://device-ip-address:6480

You can then browse the AUI tree created on the GMA side.

Genero Mobile for iOS

The GMI must have been started in debug mode: the debug option needs to be enabled in GMI app settings on the device.

Open a web browser an enter the following URL:

http://device-ip-address:6480 (or 6400)

You can then browse the AUI tree created on the GMI side.