Nerd For Tech
Published in

Nerd For Tech

Google Chrome — How to Inspect Websites on Mobile Devices

Easy way to inspect sites on a mobile device

Photo by Brett Jordan on Unsplash

I was recently creating my responsive portfolio website and was testing it on my mobile. I wanted to inspect few elements. I thought there is no way to do that. But I came to know that there is a way. In this article, we will see how to debug a website on a mobile device.

1. Enable USB Debugging

  1. First, we need to enable USB Debugging on our mobile.
  2. To do the Developer Options should be enabled. To enable Developer Options, go to About Phone and click Build Number 5 times.
About Phone > Click Build Number 5 times

3. Once Developer Options is enabled, you can go to System > Developer Options and scroll down to USB Debugging.

Enable Developer Options

4. Enable the option and click ALLOW in the popup.

Allow USB Debugging

2. Connecting Mobile Device to a Computer

  1. Now you can connect the mobile to a laptop or a computer via a USB cable.
  2. Open the Navigation Drawer and change the option from Charging Device to File Transfer.
Change option from Charging Device to File Transfer

3. Press ALLOW in the Allow USB debugging? popup.

Allow USB Debugging

3. Inspect Website from Laptop

  1. Open Chrome browser and navigate to chrome://inspect.
Open Inspect from Chrome

2. Under Remote Target, the sites you opened in your mobile browser will be listed. You can click inspect to debug the site.

Inspect Mobile Device

Preview

Mobile Preview
Laptop Preview

Thank you 🤘

To know more about me, visit ganeshkumarm.me

NFT is an Educational Media House. Our mission is to bring the invaluable knowledge and experiences of experts from all over the world to the novice. To know more about us, visit https://www.nerdfortech.org/.

Recommended from Medium

TELEVISION.

Smooth camera movement in Virtual Reality tour using A-frame

Stop Making Sense

Design 101 — fundamentals.

Wicked Problems- City Mobility

3 teh peng, 1 siu dai

VR product design 101 — pre-VR onboarding experience design is more important than you thought

preVR experience bridge the physical world with the virtual one

Second Session: Anecdotes

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ganesh Kumar Marimuthu

Ganesh Kumar Marimuthu

SDE II at Amazon. ✍️ Content Writer 🔸 👨‍💻 Full Stack Engineer

More from Medium

Use Spring Framework, React, and PostgreSQL to create a simple To-do Application #1

How to Use AWS Parameter Store

Relational database (MySql)

IAM Road Map - Zero to OAuth 2.0