DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Mohamed El Bahja
Mohamed El Bahja

Posted on

Using Google Chrome Console On Any Mobile Device!

Google Chrome is my default web browser in all my devices, in this post I'll share with you how to use the console on your mobile devices.

Let's Start.

Android

1 - Enable Developer mode by going to Settings > About phone then tap on Build number 7 times.
2 - Enable USB Debugging from Developer Options.
3 - On your desktop, open DevTools click on more icon then More Tools > Remote Devices.

Chrome Remote Devices

4 - Check on Discover USB devices option.
5 - Open chrome on your phone.
6 - Plug your phone via USB, then you will see an authorization popup click OK.
7 - You will be able to see your phone tabs and Inspect them.

Chrome Remote Devices Debugging

iOS And Others

Just open new tab and type: chrome://inspect, then click on Start logging button, then visit the page that you want to debug.

I hope this helps you πŸ™

Top comments (10)

Collapse
 
willemodendaal profile image
Willem Odendaal

Instructions as of February 2021:

Open Chrome app in your mobile phone and tap on 3-dots menu and select Settings option.
It'll open Chrome Settings page.
Scroll down to bottom and under "Advanced" section, tap on About Chrome option.
Tap on "Application version" 7 times to enable developer mode.

Collapse
 
ikeeptrying profile image
Dre • Edited on

It's only April but something must have changed.

There is no "Advanced" in the menu, but I found the version under "Google Chrome" and tapped on it and saw "copied" 7 times, and then nothing happened.

EDIT: After making an error happen, I did start seeing log info in 'chrome://inspect'. I am not sure the Advanced/tapping is even necessary.

Collapse
 
ramiroiblanco profile image
ramiroiblanco

And after that? How do you open the developer tools. I can't find it anywhere.

Collapse
 
tmblog profile image
tmblog

This worked for me Feb 22.

Collapse
 
wdburgdorf profile image
Ralf Longwitz • Edited on

Win10, Android 9 - doesn't work for me, nothing happens when plugging in. USB debugging is on. What now?
Edit: It's a Samsung, maybe that's why
stackoverflow.com/questions/219259...

Collapse
 
z2lai profile image
z2lai

Changing USB connection mode to "Audio Source" while everything was connected worked for me (Win10, Android 8.0).
stackoverflow.com/a/49193147/6464705

Collapse
 
danielclaunch profile image
Daniel Claunch • Edited on

I haven't seen the discover USB devices

Collapse
 
dev0x0 profile image
Mohamed El Bahja Author

On new chrome version you can find it on:
chrome://inspect/#devices

Collapse
 
thejohncode profile image
Ifeanyichukwu John

What's the need for this?

Collapse
 
dev0x0 profile image
Mohamed El Bahja Author

sometimes the page works everywhere excerpt mobile browser.

🌚 Friends don't let friends browse without dark mode.

Just kidding, it's a personal preference. But you can change your theme, font, etc. in your settings.

The more you know. 🌈