Clever Geek Handbook

How to use the web inspector with an emulated Android device (AVD)

I have Android SDK downloaded (on Mac) and no access to Android hardware. I can run AVDs and emulate various Android devices fine, but I have some CSS that I would like to test in an Android browser on the emulated devices mentioned. I just can't figure out how to do this.

For iOS, you can connect Safari to the xcode emulator very easily, but I can't imagine the equivalent for Android and Chrome. All the tutorials I find in this thread will tell you how to use a USB connected space measurement device! It doesn't even need to be chrome - any web inspector-like service at the moment that will let me see and change CSS on the fly will do. Help!

+3


source to share


2 answers


After a lot of work, here's how to do it , for anyone trying to figure it out in the future.



0


source


Very simple:



  1. Start the Android emulator (for example by running your project in Android Studio)
  2. Start Google Chrome and visit Chrome: // inspect
  3. Click the "Check" link under the detected emulator and you're done!
0


source






More articles:


All Articles