微軟Edge開發團隊為折疊屏設備打造的網頁瀏覽體驗

隨著以三星 Galaxy Fold 為代表的折疊屏設備的興起，微軟 Edge 開發團隊也提出了一個新穎的概念，希望在現有和全新 API 的基礎上，為 Web 開發人員提供專為折疊屏設備打造的網頁瀏覽體驗。該公司已確認其內部產品團隊正在探索在新設備上的全新產品體驗，相關功能開發主要集中在以下四個方面。

(圖自：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)。