隨著以三星 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)。
隨著以三星 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)。