With Frames
Parent topic: Viewing the AUI tree
Debugging a mobile app / Viewing the AUI tree

View the AUI tree (Android)

You can view the AUI tree for your Android 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 >> Android 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 emulator.
  2. To view your app in a browser while running the deployed debug version of your app using Genero Studio, complete these steps.
    1. To run the app from your device, launch your app in debug mode. See Run the debug version of a deployed app (Android). The application launches and the initial form displays.
    2. If you are using Genero Studio, select Tools >> Android 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 emulator.
  3. To view your app in a browser while running the deployed debug version of your app, complete these steps.
    1. To run the app from your device, launch your app in debug mode. See Run the debug version of a deployed app (Android). The application launches and the initial form displays.
    2. Swipe down on the icon bar and locate the entry for the Debug service. Make a note of the URI address provided. The URI takes the form of http://<device_ip_address>:<port_number>.
    3. Open a browser and enter in the URI from the previous step.
    4. Click AUI tree. The AUI Tree displays in a browser.
    5. Click on a node in the tree to highlight the corresponding item on the device or emulator.
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.
Parent topic: Viewing the AUI tree