Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I perform an inspect element in Chrome on my Galaxy S3 Android device?

How can I perform an inspect element in Chrome on my Galaxy S3 Android device?

I've tried a couple of guides online, one saying to use this android SDK thing to run adb forward tcp:9222 localabstract:chrome_devtools_remote, but all that says is "error:device not found".

Anyone have any ideas on how to do this?

like image 601
James Anderson Avatar asked Feb 06 '13 16:02

James Anderson


People also ask

How do you inspect element on Samsung Galaxy?

To inspect elements on the web app, right-click and select Inspect Element or you can use the debugger sign from the head tool panel as shown below.

How do you inspect a mobile in Chrome?

Open Chrome browser and navigate to chrome://inspect. 2. Under Remote Target, the sites you opened in your mobile browser will be listed. You can click inspect to debug the site.

How do I enable inspect element in Chrome?

Method 1: Inspect Element Using Chrome Developer ToolsAt the top right corner, click on three vertical dots. From the drop-down menu, click on More tools -> Developer Tools. macOS users can use the shortcut – command + option + C and Windows users can use Control + Shift + C.


2 Answers

You can now do this without the use of Android SDK.

In the latest version of chrome (I am working on 34.0.x):

  • Navigate to chrome://inspect/
  • Check Discover USB Devices
  • Plug in your phone via USB. A popup should spawn asking for permission to connect to your computer. Accept it.

There will now be an item on the chrome://inspect/ pages for your phone, and you can click inspect. Dev tools will spawn and voila!

like image 178
stinkycheeseman Avatar answered Oct 08 '22 13:10

stinkycheeseman


for Remote Debugging on Android with Chrome: try this https://developer.chrome.com/devtools/docs/remote-debugging

like image 37
Khaleel Hmoz Avatar answered Oct 08 '22 11:10

Khaleel Hmoz