DEV Community

Cover image for Remote debugging using Google Chrome on Android devices with Windows
Nima Jafari
Nima Jafari

Posted on

Remote debugging using Google Chrome on Android devices with Windows

Remote debugging is a method with which you can debug your website pages using a real mobile device on a debugging machine (PC or laptop), therefore you will be able to find mobile UI, UX, and technical issues. In the following, the remote debugging steps using Google Chrome browser and Android devices on Windows. Before you start, you need:

  1. An Android device
  2. A USB cable
  3. A PC or laptop as a debugging machine

How to do remote debugging using Android devices and Google Chrome on Windows?

Before starting remote debugging on an Android device, first you need to enable Developer Options, then remote debugging feature on your Android device. To enable Developer Options on your phone or tablet:

  1. Head over to the Settings > About phone.
  2. Find your phoneโ€™s Build Number. It can be in a different location based on your Android device model and brand.
  3. Tap 7 times on the Build Number until you see the message โ€œYou are now a developer!โ€.

Image description

Start remote debugging on your Android device using Google Chrome and debugging machine with Windows:

1- On your Android device, in Developer Options, Enable USB Debugging.

Image description
2- On your debugging device (laptop or PC), open chrome://inspect#devices on Google Chrome.
3- Enable Discover USB devices.

Image description
4- Connect your Android device to the PC or laptop with a USB cable. If it is the first time connection, you need to accept the prompt message that appears on your Android device to establish the connection between two devices successfully.

Image description
5- Open Chrome browser on the Android device and open the URL that you are going to debug.
6- You can also enter a URL in the Open tab with url box on the Chrome (chrome://inspect#devices) on your laptop or PC.
7- Click the Inspect on your debugging machine to start debugging.

Image description
In the opened DevTools, you can now inspect pages from a mobile device view.

Image description

๐Ÿ’กIn remote debugging, the version of Google Chrome on your Android device is important because the remote debugging is done based on its version. So, if you are using an old version of Chrome on your phone or tablet, you may see a different DevTools while debugging. It is highly recommended to use the latest version of Chrome browser on your Android device.

โ„น๏ธ You may also be interested to read:
๐Ÿ”—Remote debugging using Firefox on Android devices with Windows
๐Ÿ”—Remote debugging using Google Chrome on iOS devices with macOS
๐Ÿ”—Remote debugging using Safari on iOS devices with macOS

๐Ÿ“Resource: https://www.oxyplug.com/optimization/ultimate-guide-to-remote-debugging-webpages/

Top comments (0)