Using Google Chrome Dev tools on Android (emulator)

android css google-chrome-devtools emulation read-eval-print-loop
srgg6701 picture srgg6701 · Mar 27, 2015 · Viewed 26.8k times · Source

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

Answer

Josh Burgess picture Josh Burgess · Mar 27, 2015

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.

Related questions

Disable scrolling in all mobile devices

This sounds like there should be a solution for it all over the internet, but I am not sure why I cannot find it. I want to disable Horizontal scrolling on mobile devices. Basically trying to achieve this: body{ overflow-x:…

Read More
Rendering HTML in a WebView with custom CSS

My app is using JSoup to download the HTML of a message board page (let's say in this case it is a page containing the posts of a given thread). I'd like to take this HTML, strip out unwanted items, …

Read More
Background image jumps when address bar hides iOS/Android/Mobile Chrome

I'm currently developing a responsive site using Twitter Bootstrap. The site has a full screen background image across mobile/tablet/desktop. These images rotate and fade through each, using two divs. It's nearly perfect, except one issue. Using iOS Safari, …

Read More