Debug Android WebApp Over Remote Chrome from OSX

DebugAndoirdWebAppRemote.md

Remote debugging USB-connected Android via Chrome

Phone Setup

• Enable developer mode (depends on which android version or ui of the phone)
• settings > developer options > usb debug enable
• chrome > settings > developer tools > usb debug enable

Desktop Setup

• Download the Android platform tools: https://developer.android.com/studio/releases/platform-tools (no need to install Android Studio)
• Unpack the downloaded .zip file anywhere you want

Desktop Debug Session

• Open the terminal on the unpacked folder: cd path/to/platform-tools
• Run the port forwarding command: ./adb forward tcp:9222 localabstract:chrome_devtools_remote
• On Chrome, visit http://localhost:9222
• Inspect any open tab of Chrome on the phone