Desktop PWAs are supported on any of the platforms Microsoft Edge (Chromium) is available, including Windows 7, Windows 10 and Mac OS. Other benefits include: Applications can be installed directly from within the browser via the 'Install' icon in the navigation bar. Applications can also be installed, run and managed from the 'Settings'-'Apps. 2020-3-9 Microsoft Edge Chromium may be vastly superior in contrast to its predecessor with better performance and wider cross-platform availability. But you can't overlook the fact that there are other.
-->Your job does not end with ensuring your site runs great across Microsoft Edge and Android. Even though Device Mode is able to simulate a range of other devices like iPhones, we encourage you to check out solutions for emulation provided by other browsers.
Browser emulators are great for testing the responsiveness of a site, but each does not emulate differences in API, CSS support, and certain behaviors that you see on a mobile browser. Test your site on browsers running on real devices to be certain everything behaves as expected.
Firefox has a responsive design view that encourages you to stop thinking in terms of specific devices and instead explore how your design changes at common screen sizes or your own size by dragging the edges.
To emulate Windows Phones, use the Microsoft Edge (EdgeHTML) built-in emulation.
Use IE 11 Emulation to simulate how your page may look in older versions of Internet Explorer.
Device simulators and emulators simulate not just the browser environment but the entire device. Each are useful to test things that require OS integration, for example form input with virtual keyboards.
At the moment, there is no way to install Microsoft Edge on an Android emulator. However, you may use the Android Browser, the Chromium Content Shell, and Firefox for Android which we review later in this guide. Chromium Content Shell runs the same Chromium rendering engine as Microsoft Edge, but comes without any of the browser specific features.
The Android emulator comes with the Android SDK which you need to download as part of Android Studio. Then follow the instructions to set up a virtual device and start the emulator.
Once your emulator is booted, click on the Browser icon, and test your site on the old Stock Browser for Android.
To install the Chromium Content Shell for Android, leave your emulator running and run the following commands at a command prompt:
Now you are able to test your site with the Chromium Content Shell.
Similar to the Chromium Content Shell, you are able to get an APK to install Firefox onto the emulator.
Download the correct .apk file.
From here, you are able to install the file onto an open emulator or connected Android device with the following command:
The iOS simulator for Mac OS X comes with Xcode, which you install from the App Store.
When you are done, learn how to work with the simulator through Apple Developer documentation.
Note
To avoid having to open Xcode every time you want to use the iOS Simulator, open it, then right-click the iOS Simulator icon in your dock and select Keep in Dock. Now just click this icon whenever you need it.
Modern IE VM
Microsoft Edge (EdgeHTML) Virtual Machines (VMs) enable you to access different versions of EdgeHTML and IE on your computer via VirtualBox (or VMWare). Choose a virtual machine on the download page.
If you are not able to use the emulators and do not have access to real devices, then cloud-based emulators are the next best thing. A big advantage of cloud-based emulators over real devices and local emulators is that you are able to automate unit tests for your site across different platforms.
Note
Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
The original page is found here and is authored by Meggin Kearney (Tech Writer) and Paul Bakaus (Open Web Developer Advocate at Google | Tools, Performance, Animation, UX).
This work is licensed under a Creative Commons Attribution 4.0 International License.