微軟希望為折疊屏設備帶來特殊的網頁瀏覽體驗
隨著以三星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)。