Forum Discussion
Trouble creating webapp for dual-screen
Hello, I wanted to create an webapp/website that is aware that the browser is spanned. While my webapp works with the experimental web platform features on Edge on the surface duo emulator and the browser's devtools. I can't get it to work on the actual surface duo device. I tried on both edge canary and chrome canary latest builds but to no avail.
I'm using the css media spanning queries and the react package described in a surface duo blog post here to easily detect for a dual-screen: https://devblogs.microsoft.com/surface-duo/dual-screen-react-web/
Spanned browser on the emulator edge:
Spanned browser on the surface duo (edge canary):
Is this experimental feature not yet available on the canary builds of the 2 chromium browsers, or am I missing something?
davidasoe did you enable the feature flags on the device? While the features are in the version of Edge on the Surface Duo device, they are (unfortunately) still behind a feature-flag that you enable with edge://flags
The page looks like this on the device (I have already enabled):
Note that you can actually release a website with dual-screen support, and force the feature-flag on from the server using an origin trial token.
Here is a URL that I test with
https://conceptdev.github.io/web-samples/dual-screen-css/env.html
and how it looks on the device when Edge is spanned:
4 Replies
- Craig_Dunn
Microsoft
davidasoe did you enable the feature flags on the device? While the features are in the version of Edge on the Surface Duo device, they are (unfortunately) still behind a feature-flag that you enable with edge://flags
The page looks like this on the device (I have already enabled):
Note that you can actually release a website with dual-screen support, and force the feature-flag on from the server using an origin trial token.
Here is a URL that I test with
https://conceptdev.github.io/web-samples/dual-screen-css/env.html
and how it looks on the device when Edge is spanned:
