DEV Community

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

Posted on

Remote debugging using Firefox on Android devices with Windows

It is possible to do remote debugging using the Firefox browser on Android devices like Google Chrome. Throughout this guide, we will explore the setup and configuration necessary to initiate a remote debugging session between Firefox on an Android device and Windows.

To do so, you need an Android device and a Windows system. Before to start remote debugging, you need to enable Developer Options then Remote debugging on your Android device:

1- Go to the Settings > About phone.
2- Find your phone’s Build Number. Its location may be different based on the Android device model and brand.
3- Tap 7 times on the Build Number until the message “You are now a developer!” appears.

Image description
4- In Developer Options on your Android phone or tablet, turn on Enable USB Debugging.

Image description

After enabling Developer Options and then Remote debugging on your Android device, follow the steps below to start debugging:

1- On the debugging system (PC or laptop), open about:debugging on Firefox.
2- Activate USB debugging by pressing Enable USB Devices on Firefox.

Image description
3- Connect your Android device with a USB cable to the laptop or PC.
4- On the Firefox app on your Android device, open the desired page URL that you are going to investigate.
5- On the other side, click on the Android device name on the computer to establish the connection between computer and Android phone or tablet.
6- In the Tab list on Windows Firefox, find the page that you have recently opened on your Android phone or tablet and click on the Inspect button to start debugging.

Image description
7- In the opened Developer Tools window, you can now inspect the page from a mobile device aspect.

Image description

ℹ️ You may also be interested to read about:
🔗Remote debugging using Google Chrome 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)