76

I need to debug CSS for some site running on the device under Android (in the common REPL mode). As I know it is possible to connect the device with the desktop via USB cable to do that. But the problem is I have no such a device (with Android). I have the Android emulator (Andy) but it seems that chrome installed on it has no dev tools at all. So is it possible to solve the problem without physical Android device?

UPD==================

Once again: The point is I have no any Android device. I have an emulator for it only (Andy Android emulator).

1

3 Answers 3

106

Navigate to chrome://inspect/#devices on your chrome browser.

From there, you should see a list of attached devices (including emulators, not sure about Andy), but if it is possible, that's where you would find it.

5
  • 11
    then what? you can't click on the device
    – Jason G
    Commented Jun 3, 2020 at 15:47
  • 1
    I can see the list of devices, but you are not answering the question. How can inspect the emulator from Chrome?
    – HuLu ViCa
    Commented Sep 8, 2020 at 8:37
  • 3
    Sorry folks, this answer was 5 years old at the time you commented, and Chrome has changed just a tad in that interim. There are options both in the sidebar to choose pages on the device or you can configure remote targets for the device and then use the options therein to inspect the page loaded on the device. Commented Jan 30, 2021 at 4:03
  • 2
    In the device list, there should be a "inspect" button to open the web developer tool for that device.
    – Nick Tsai
    Commented Dec 7, 2022 at 8:00
  • 1
    Worked for me, awesome! It took a couple seconds, but my Android emulated device (from Android Studio) shows up under "Remote Target" after navigating to chrome://inspect/#devices. The device has several link options, including "inspect," which opens Chrome dev tools for the browser on the emulated device. Commented Oct 4, 2024 at 16:27
44

Adding to Josh's answer, I've had to:

  1. Navigate to chrome://inspect/#devices on my machine.
  2. Open Chrome in Andy.
  3. List devices with adb devices.

Andy finally shows up in Chrome's devices list.

1
  • 6
    running adb devices resolved my issues as well since it ensures the daemon is running and attaches any running devices
    – Troy Watt
    Commented Jan 21, 2020 at 18:10
19

In this context, "phone" is your emulator.

First you must enable debugging on your phone:

Settings > About Phone > Build number > Tap it 7 times to become developer;

then:

Settings > Developer Options > USB Debugging.

Then navigate to chrome://inspect/#devices. You should find the open tab on your phone there.

1
  • It works without enabling USB Debugging now! Thanks for the update. :)
    – Numabyte
    Commented Oct 12, 2022 at 9:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.