微软Edge为折叠屏设备带来特殊的网页浏览体验

来源：cnBeta.COM

（图自：Samsung，via Windows Latest）

首先是硬件上的差异：优化的网页应该能够在 Galaxy Fold 等设备上完美运行，但可能会遇到来自不同公司的其它类似硬件的技术难题。

其次是折叠功能和设备状态的辨识：网页开发者需确定可安全呈现内容的区域（折叠或展开），但这同样可能会遇到一些问题。

第三是软件方面的问题：网页的某些部分，可能被屏幕键盘或其它软件相关区域（比如通知推送）给遮挡。

最后是面向未来的兼容性：开发者显然希望有一种稳定的方法来定位这类设备，这样就不必每次都要为类似硬件的新迭代而更新一次他们的网页。

有鉴于此，微软建议使用名叫“窗口分段枚举（Window Segments Enumeration）API”的新概念，以表示驻留在相邻显示器上的窗口区域、甚至尺寸。

Windows Segments 将以 CSS 像素来表示，并通过 JavaScript API 公开，允许开发人员分段枚举，其中就包括那些被遮挡的区域。

它将允许 Web 应用程序利用多处显示区域，比如在导航 App 中，它可以在其中一个窗口上显示地图主界面、然后在另一个窗口上搜索结果。

这可以通过 devicePixelRatio 来计算跨越窗口的显示区域布局。同样，当一个软键盘出现在被遮挡的区域时，这个概念也可以起到一定的作用。

最后展示的是一款邮件应用示例，该 App 指定了软键盘区域，并在另一部分区域呈现邮件列表。此外据微软所述，现有的 API 也能够用于改善折叠设备上的体验：

比如 Presentation API（呈现应用程序接口）；

屏幕枚举 API 解释器（Screen Enumeration API Explainer / 可提供有关屏幕的物理配置信息）；

以及窗口布局 API 解释器（Window Placement API Explainer）。

文章TAG：微软  edge  折叠  设备  微软Edge为折叠屏设备带来特殊的网页浏览体验