Home > News content

Microsoft Edge Team Reshaping Samsung Fold and Other Folding Screen Mobile Web Experiences

via:博客园     time:2019/9/16 10:00:44     readed:102

Author: Xuanyin

The appearance of folding screen mobile phone and tablet computer breaks the situation of fixed and changing shape of equipment, and the experience interaction will also change.

To help Web developers in particular, Microsoft has proposed a new API, that helps developers better plan their page layouts to consider the variable properties of folding screen devices.

data-original=https://img.ithome.com/newsuploadfiles/2019/9/20190916_092104_146.jpg@wm_1,k_aW1nL3FkLnBuZw==,y_20,o_100,x_20,g_7

Microsoft's new API is the Windows Segments Enumeration API, which aims to help developers effectively perform the same operations in windows across multiple display screens and to help respond, such as touching the keyboard pop-up.

According to Microsoft's internal product team, some of the current issues related to the collapsible experience are:

  • Hardware differences: Optimized web pages can run perfectly on devices like Samsung Galaxy Fold, but there may be technical difficulties on similar hardware.
  • Collapse function and status: identify problems with areas (collapse or expansion) that can be rendered safely.
  • Software problems: Some parts of the web page may occur from software keyboards and other software-related areas, including notifications.
  • The future: developers want a stable way to test their hardware.

Microsoft recommends using

Window Segments represent the window area (and its size) located on a separate (adjacent) display screen. Windows Segments are represented in CSS pixels and exposed through the JavaScript API, allowing developers to enumerate segments, including occluded areas.

It will allow multiple displays. For example, this is a navigation application. The application uses the

data-original=https://img.ithome.com/newsuploadfiles/2019/9/20190916_092127_299.jpg@wm_1,k_aW1nL3FkLnBuZw==,y_20,o_100,x_20,g_7

Similarly, the concept will work in an occluded area:

data-original=https://img.ithome.com/newsuploadfiles/2019/9/20190916_092134_968.jpg@wm_1,k_aW1nL3FkLnBuZw==,y_20,o_100,x_20,g_7

Finally, we have an example of an e-mail address message on the page that contains the software keyboard and another part of the selected message:

data-original=https://img.ithome.com/newsuploadfiles/2019/9/20190916_092141_769.jpg@wm_1,k_aW1nL3FkLnBuZw==,y_20,o_100,x_20,g_7

According to Microsoft, existing APIs can be used to improve the experience of foldable devices:

  • Presentation API
  • Screen Enumeration API descriptor, which provides information about physical screen configuration.
  • Window placement API interprete

China IT News APP

Download China IT News APP

Please rate this news

The average score will be displayed after you score.

Post comment

Do not see clearly? Click for a new code.

User comments