#Test webpage on mac emulator how to#

Today we released a new version of the Surface Duo emulator with support for dual-screen web development. Test on the Microsoft Surface Duo emulator To unlock these features to build and test your dual-screen ideas, follow the instructions below. The CSS and JavaScript enhancements are still in preview, so youвЂ™ll need to configure your browser (on the Surface Duo emulator, or on the desktop) to utilize them.

#Test webpage on mac emulator how to#

Read the dual-screen web developer documentation for more details on how to use these new capabilities. and we can update CSS classes in our layout as appropriateД('is-foldable') it's recommended to test whether screenSegments.width = screenSegments.width You can use (screen-spanning) to apply styles only when the web browser is spanned: (screen-spanning: single-fold-vertical) JavaScript const screenSegments = window.getWindowSegments()

Here are some simple examples of the new dual-screen capabilities below: In this post, IвЂ™ll briefly cover the new APIs and explain how to enable the dual-screen support so you can start building adaptive dual-screen web experiences today! Now those features are built-in to Microsoft Edge and Chromeв„ў browser canary builds, ready for developers to begin building dual-screen web apps. In a previous blog post, we talked about the dual-screen CSS primitives and the getWindowSegments() API, and how they could be tested with polyfill extensions.