Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Using Google Chrome Dev tools on Android (emulator)

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).

like image 645
srgg6701 Avatar asked Mar 27 '15 16:03

srgg6701


People also ask

How do I open Developer Tools on Android emulator?

Settings > About Phone > Build number > Tap it 7 times to become developer; then: Settings > Developer Options > USB Debugging. Then navigate to chrome://inspect/#devices.

How do I open Developer Tools in emulator?

The way you enable it is the same as you'd do in a real device. Go to: Settings -> System -> About emulated device -> Build number click that as many times as it takes to turn on developer mode, and that's it!


2 Answers

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.

like image 147
Josh Burgess Avatar answered Sep 21 '22 05:09

Josh Burgess


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.

like image 20
blvz Avatar answered Sep 24 '22 05:09

blvz