How to inspect web contents shown on Android devices with Google Chrome

I write it for the future: how to inspect web contents shown on Android devices with Google Chrome.

Development environment

  • OS version (PC): macOS 10.14.2
  • Google Chrome version (PC): 71.0.3578.98 (64bit)
  • OS version (Android): Android 8.0.0
  • Google Chrome version (Android): 72.0.3626.76

How to do

Preconditions

  • Enable USB debugging in Settings > System > Developer options on the Android device
  • Install Google USB Driver on your PC (if you use a Windows machine)

Steps

  1. Connect your Android device to your PC with a cable
  2. Confirm the push notification, USB debugging connected, on the Android device
  3. Open the URL on your PC: chrome://inspect/#devices
chrome://inspect/#devices
Mirroring the web content between Android device and PC
example to edit an object with developer tool
debugged view is shown on also the Android device

References