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 physically connect the device to your computer using a USB cable. Wireless debugging from within Genero Studio is not supported.
  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 a debug version of a deployed app.
      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.
      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.