To emulate different devices, browsers, screen sizes, and resolutions in the new DevTools, navigate to Emulate Mobile Devices in Microsoft Edge (Chromium) DevTools.
The Emulation panel helps with the following activities.
- Simulate various device profiles, browsers, and screen sizes and resolutions
- Test different geolocation settings and coordinates
The Persist Emulation settings button saves any changes you made from the default desktop emulation settings, even when you close and reopen the DevTools.
The Reset Emulation settings button resets your emulation settings back to the default Desktop browser profile and Microsoft Edge user agent string with GPS turned off.
When any of these options are changed from the default, the Emulation tab displays an informational alert to indicate that some aspect of the behavior of your browser is being emulated.
Pick from a preset list of Windows device profiles that automatically configure the other emulation options or specify your own Custom configuration. Switch back to Default to reset all the emulation tools.
A quick way to simulate your page running on a Windows Phone device is to change the Browser profile setting to Windows Phone.
User agent string
Modifying your user agent string to mimic another browser is a good first step in debugging errors that are only happening in Microsoft Edge.
The problem with browser detection is that you may scale-back (or change) features in your webpage using assumptions about browser capabilities. Instead, you should consider using feature detection to detect the capabilities of your browser. Unexpected behavior may occur because of one of the following situations.
- Code targeted at Windows Internet Explorer 8 may run differently in Microsoft Edge.
- A feature that your browser should support is disabled, because of an assumption made by the developer.
If changing your user agent string clears up the problem, browser detection is likely culprit.
Display emulation to preview your site on different screen sizes and resolutions.
- conventional desktop monitors
- smaller mobile screens
- newer high-resolution displays
Emulations are adapted to try to match the physical dimensions of the screens being emulated. Emulated pixels may appear compressed or expanded. Emulation is not recommended if you need to test pixel-perfect positioning of HTML elements. Emulation is, however, good for testing responsive designs and identifying larger element positioning issues.
Choose from Landscape or Portrait mode.
Choose from a preset list of popular device resolutions, or specify your own Custom config. Resolutions of up to 80 inches and 3820 x 2160 are supported.
If your website uses the Geolocation API to provide location-based services, the following activities are available from the convenience of your desktop.
- easily test different GPS coordinates
- easily test different sensor states
The settings override any actual GPS coordinates and the sensor state on devices that support geolocation.
Your website must request and be granted permission from a user before using the device location. Test how your site behaves with and without location permissions from the Microsoft Edge Settings panel.
... > Settings > View advanced settings > Website permissions > Manage
|Reset Emulation settings||