solution • Android Studio Emulator for testing Chrome browser - martindubenet/wed-dev-design GitHub Wiki

To emulate an Android device on your macOS or Windows development workstation you will need to first install and set-up the Android Studio solution (see next section below) to use it's Android Device Emulator from which you launch Google Chrome for Android.

1. Use @input instead of @keyup or @keydown : This event is a limitation for Chrome-For-Android since this browser does NOT support @keyup or @keydown.
2. Use event.key instead of event.code : The code event is always empty on Chrome For Android browser.

 

1. Go back to your macOS's Chrome browser,
2. In your Chrome browser (from your macOS) enter this in the browser : chrome://inspect/#devices,
3. From that window, click the « inspect » blue link under the device you want to inspect.

 

1. Download and install Android Studio,

   During installation preferably install the new project repository on a remote drive since it will more take many gigabytes of storage.

2. Launch VDM (Virtual Device Manager) from the welcome screen
   
3. Choose a device type and size
   
4. Select a system image
   
5. Download the image
   
6. Set AVD default orientation
   
7. Run AVD
   
8. View AVD in a self contained Emulator window
   
9. View AVD fullsize within the Emulator window
   
10. Google Chrome for Android (CHA) browser from within AndroidStudio AVD Emulator
    

« How to view your website on ANY Android DEVICE on your Mac » video