How to debug web on a Mobile device
Jul 5, 2021
Debugging a web view of a responsive site is a necessary requirement in the new mobile era, I’ve added a guide for debugging your mobile browser from the developer tools on your PC.
1. Connect the mobile device to the PC using a USB cable.
2. Enable development tools in the mobile device
For Android:
- Enter About
- Tap the Build number seven times to make Settings 🡆Developer options available
- Enter Developer options
- Enable the USB Debugging option
For IOS:
- Enter Safari
- Open Advanced Menu
- Enable the Web-Inspector option
3. Browse to the URL you want to debug
4. Enable development tools on the PC
On Windows:
- Enter Chrome browser
- Enter chrome://inspect in the URL path
On Mac:
- Enter Safari browser
- Enter Settings
- Enable the Develop menu
- Enter Develop