Debug Android WebApp Over Remote Chrome from OSX

DebugAndoirdWebAppRemote.md

#Remote debugging USB-connected Android via Chrome

##Phone Setup

• Requires a handset with modern Android (ala 4.X, etc)
• settings => developer options => usb debug enable
• phone => chrome => settings => developer tools => usb debug enable

##Desktop Setup - One Time Only

• Install the Android SDK for OS X: http://developer.android.com/sdk/index.html
• Android SDK is a .zip and I unpacked it into my local ~/bin/android-sdk-macosx

##Desktop Debug Session

• desktop => cd ~/bin/android-sdk-macosx/platform-tools
• desktop => terminal => adb forward tcp:9222 localabstract:chrome_devtools_remote
• desktop => Chrome => http://localhost:9222
• Now the desktop Chrome dev tools can reach out to what the handset sees

The only thing to edit is the path of the Android SDK is user define.

Android 4.4+ is required for the remote debugging - see Remote Debugging on Android with Chrome

It's possible to download just the platform-tools (8mb) here: https://developer.android.com/studio/releases/platform-tools, without having to download the whole android studio.

brew cask install android-platform-tools