Remote debugging using Google Chrome on Android devices with Windows
Tags: googlechrome, android, tutorial, debug
Published: 2024-03-04 06:47:08

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ppfpcxpgxu9n2hbkwcae.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zxc7cs60s1c416fj3007.png)
2- On your debugging device (laptop or PC), open **_chrome://inspect#devices_** on Google Chrome.
3- Enable _**Discover USB devices**_.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8nygh7pujh6rajilccn8.png)
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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2gbkbfwpsmqq41mvkbky.png)
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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iw7lf7gl3heku1tafbt4.png)
In the opened DevTools, you can now inspect pages from a mobile device view.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hgc4s7s2luycpn4tp1gu.png)

💡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](https://dev.to/nimajafari/remote-debugging-using-firefox-on-android-devices-with-windows-2cf7)
🔗[Remote debugging using Google Chrome on iOS devices with macOS](https://dev.to/nimajafari/remote-debugging-using-google-chrome-on-ios-devices-with-macos-ca9)
🔗[Remote debugging using Safari on iOS devices with macOS](https://dev.to/nimajafari/remote-debugging-using-safari-on-ios-devices-with-macos-16p5)

📝Resource: https://www.oxyplug.com/optimization/ultimate-guide-to-remote-debugging-webpages/