Remote Debugging Chrome on Android with Windows

I’m an IPhone user. I like the device. I’m not a fanboy. I’m curious. So I got myself an HUAWEI P smart with Android Oreo (Version 8).

1. Lets set up developer mode by following the android studio guide

  • Open the Settings app
  • Select System (only on Android 8.0 or higher)
  • Scroll to the bottom and select “About phone”
  • Scroll to the bottom and tap “Build number” 7 times–Whaaaaat? Tap? Seven times? Really 7?
  • Return to the previous screen to find “Developer options” near the bottom

2. Connect to the Phone

  • Download the Android SDK Platform-Tools
  • Extract the files
  • Connect the phone using USB cable
  • Run the Android Device Bridge (ADB) on the computer “adb devices
  • Enable USB debugging on the device settings and authorize the computer
  • Run “adb devices” again
  • Run “& ./adb forward tcp:9222 localabstract:chrome_devtools_remote”

3. Connect Chrome to the device

  1. Open Chrome
  2. Hit [F12] to open the DevTools
  3. Click Settings | More Tools | Remote devices

4. Start Debugging

  • Click on the device you connected in the DevTools remove devices window
  • Open a new tab or select an existing one
  • Click Inspect to open the remote inspection window


Comments are closed