View the AUI tree (iOS)

You can view the AUI tree for your iOS mobile app in a browser.

Before you begin, your app must be able to run in development mode or be the deployed debug version of the app. You must connect the physical device to your computer using a USB cable in order to use any debug tools with a deployed debug application.
  1. If you are going to run your app in developer mode, complete these steps.
    1. From Genero Studio, launch your application.
    2. Select Tools >> iOS Tools >> Show AUI Tree. The AUI Tree displays in a browser.
    3. Click on a node in the tree to highlight the corresponding item on the device or simulator.
  2. If you are going to run the deployed debug version of your app, complete these steps.
    1. On the iOS device, open Genero Mobile.
    2. In the INFORMATION section, note the HTTP URL provided. For example, HTTP URL=http://192.168.0.160:6400
    3. Launch your application in debug mode. See Run a debug version of a deployed app (iOS).
    4. Swipe down to view details about the icons in the status bar. The description for the Genero Mobile debug service displays the URL you must use to access debug details. It takes the form http://device-ip-address:port-number.
    5. Enter the URL in a browser.
    6. Click AUI tree. The AUI Tree displays in a browser.
    7. Click on a node in the tree to highlight the corresponding item on the device or simulator.
  3. If you are going to run the deployed debug version of your app, and your machine (running Genero Mobile) and device (running the app) are on the same wireless network, you can use Genero Studio to view the AUI tree.
    1. On the iOS device, open Genero Mobile.
    2. Select Tools >> Genero Configurations.
    3. Select your iOS configuration from the list.
    4. Click the Edit icon next to the Use Display Client field. The Display Client management window opens.
    5. In the Host field, enter the ip address of your device. Click OK until all configuration management windows close.
    6. Launch your application in debug mode. See Run a debug version of a deployed app (iOS).
    7. From Genero Studio, select Tools >> iOS Tools >> Show AUI Tree. The AUI Tree displays in a browser.
    8. Click on a node in the tree to highlight the corresponding item on the device or simulator.
Important: The AUI tree does not automatically update in your browser as you move around the app. As you navigate the app on your device, you must reload your browser to view the changes in the AUI tree.