Emulate dual-screen and foldable devices in Microsoft Edge DevTools
In Microsoft Edge version 89 or later, you may emulate the following dual-screen and foldable devices.
Emulate the devices and toggle between the following postures.
- Single-screen or folded posture
- Dual-screen or unfolded posture
Turn on experimental APIs
- Navigate to
- In the Search flags textbox, enter
Experimental Web Platform features, choose the Experimental Web Platform features flag, and change Disabled to Enabled.
- Restart Microsoft Edge.
If the Experimental Web Platform features flag is turned on in desktop Microsoft Edge and turned off in the Android Microsoft Edge app, the behavior of your website or app in the Surface Duo emulator in desktop Microsoft Edge does not match with the Android Microsoft Edge app on Surface Duo. Ensure that the flags match across Android and desktop Microsoft Edge to successfully use the Surface Duo emulator in desktop Microsoft Edge.
Test on foldable and dual-screen devices
When you emulate the Surface Duo in a dual-screen posture in Microsoft Edge, the seam (the space between the two screens) is drawn over your website or app.
The emulated display matches the way your website (or app) renders in the Microsoft Edge Android app while running on Surface Duo. You may have to update your website (or app) to display better along the seam. For more information about adapting your website (or app) to the seam, navigate to How to work with the seam.
The Device Toolbar has additional features to help you test your website or app in multiple postures and orientations. Choose Rotate () to rotate the viewport to landscape orientation. Combine the feature with Span () to toggle between single-screen or folded and dual-screen or unfolded postures. Together, the features allow you to test your website or app in all four possible postures and orientations.
The Experimental Web Platform features () icon displays the state of the Experimental Web Platform features flag. If the flag is turned on, the icon is highlighted. If the flag is turned off, the icon is not highlighted. To turn on (or off) the flag, either choose the icon or navigate to
edge://flags and toggle the flag.
The following is a list of current known issues.
Here are additional resources that may help you enhance your website (or app) for dual-screen devices.
- For more information about web development on dual-screen devices, navigate to Dual-screen web experiences.
- Install the Surface Duo emulator. The Surface Duo emulator is different from the emulator in Microsoft Edge, runs Android, and integrates with Android Studio. For more information, navigate to Get the Surface Duo SDK.
Getting in touch with the Microsoft Edge DevTools team
Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.
- Send your feedback using the Send Feedback icon or select
I(Windows, Linux) or
I(macOS) in DevTools.
- Tweet at @EdgeDevTools.
- Submit a suggestion to The Web We Want.
- To file bugs about this article, use the following Feedback section.