Skip to end of metadata
Go to start of metadata

Android developers can debug using Chrome DevTools with Titanium SDK 7.0.x and later.

Debugging with Chrome DevTools

  1. Launch the app/build on the device or a simulator. Note: if using a device, make sure that it is connected by an USB cable before debugging. If you encounter any issues with device discoverability, please ensure that the USB cable is directly connected, not through a USB hub.

    Sample via command-line: 

    appc run -p android --debug-host /127.0.0.1:51388
  2. Launch Chrome. Note you should be signed into Chrome. Also noteworthy, debugging may not work in Incognito or Guest modes
  3. Open DevTools by going to More Tools  >  Developer Tools  from Chrome's Main Menu.
  4. From the  Main Menu  (the three vertical dots in the far right corner), select  More Tools  >  Remote devices 
  5. In DevTools, click the Settings tab if another tab is showing.
  6. Ensure that Discover USB devices is enabled.

Refer to Google's Get Started with Remote Debugging Android Devices tutorial for further details on how to debug with Chrome DevTools.

Sample build and debug

The following is a sample build and debug information to test out your debugging routine on Chrome.

Once the app launches, it should stay on the "splash screen" and spit out some logs that it's waiting 60 seconds for the debugger as well as details on how to connect to it. Specifically it should spit out a URL you can open in Google Chrome browser to debug the app. The debugger should "pause" on the very first line of app.js.

Icon

For testing I find it useful to edit the app.js to add a click listener to the labels and have them open an alert, then set a breakpoint there.

You should be able to hit any breakpoint in app.js even on the first line.

Icon

You may find the some features offered by Chrome Devtools may not work or may crash the app (like the heap profiling for instance).