How to Inspect Element on Mobile
How to open real DevTools for a page running on a phone using remote debugging on Android and iOS, plus faster local alternatives.
6 min read - Updated 2026-06-15
Use this guide as a compact release reference, then validate the same breakpoints in Sizzy with synchronized devices and screenshot evidence.
Remote debugging on Android
To inspect a real page on an Android phone, enable USB debugging, connect the phone, and open chrome://inspect in desktop Chrome. You'll get the full DevTools experience - elements, console, network, and performance - for the page running on the actual device. This is the definitive way to debug Android-only issues.
Enable Developer Options and USB debugging
Open chrome://inspect on desktop Chrome
Select the device's tab to launch DevTools
Inspect elements and read the real device console
Remote debugging on iOS
For iPhone and iPad, enable Web Inspector in Safari's settings on the device, connect it to a Mac, and open Safari's Develop menu to inspect the page. This requires macOS - there's no Windows path to native iOS Web Inspector - so plan for a Mac when you need real mobile-Safari debugging.
Enable Web Inspector in iOS Safari settings
Connect the device to a Mac
Use Safari's Develop menu to inspect
Requires macOS - no native Windows path
A faster local alternative for layout
Remote debugging is the right tool for device-specific bugs, but it's heavyweight for everyday layout inspection. For that, a development browser with per-device DevTools is faster: Sizzy gives every emulated device its own inspector, so you inspect the mobile layout without cables - then escalate to remote debugging only for true device-specific issues.
Use per-device DevTools for everyday layout inspection
No cables or device pairing for the common case
Escalate to remote debugging for device-specific bugs
Keep the inspect loop fast during development
Release checklist
chrome://inspect is set up for Android debugging.
Safari Web Inspector is enabled for iOS (on a Mac).
Everyday layout inspection uses per-device DevTools.
Remote debugging is reserved for device-specific bugs.
Frequently asked questions
How do I inspect element on an Android phone?
Enable USB debugging on the phone, connect it, and open chrome://inspect in desktop Chrome. Select the device's tab to open full DevTools for the live page, including elements, console, and network panels.
How do I inspect element on an iPhone?
Enable Web Inspector in iOS Safari settings, connect the device to a Mac, and use Safari's Develop menu to inspect the page. This requires macOS - there is no native Windows path to iOS Web Inspector.
Is there a faster way to inspect mobile layouts?
For layout work, a development browser with per-device DevTools, like Sizzy, lets you inspect emulated mobile viewports without cables. Reserve remote debugging for genuinely device-specific bugs.
Related guides
Benji
Your life OS
The companion app that keeps every area of your world in sync.
Zero to Shipped
Ship products, not side projects
The ultimate Next.js boilerplate for building and launching real products.
DMX
Mindful Twitter/X
The intentional X client for macOS. Reclaim your attention span.
Sotto
Voice-to-text for macOS
Speak naturally. Type instantly. 100% local & private.
Passlock
Password manager with willpower
Lock passwords with time delays, word challenges, or hand the keys to someone you trust.
Glink
Changelogs that slap
Beautiful changelogs and roadmaps for your product.
JoinRepo
GitHub access control
Monetize your GitHub repositories with ease.
Tubely
YouTube Studio for Mac
Manage multiple YouTube channels in one native app.
JustWrite
Distraction-free writing
A minimal writing app that helps you focus on what matters.