雙螢幕 Web 體驗
由 Chromium 提供技術支援的 Microsoft Edge 可為各裝置上的網站和 Web 應用程式體驗提供強大且相容的基礎。 這包括在 Surface Duo 上執行時新的雙螢幕面支援。
雙螢幕佈局的新 web 標準:您可以使用 適用于雙螢幕配置的 CSS 基本 專案或 JavaScript 區隔區段 API 來偵測多個顯示器,並在其間配置 web 內容。
在 Surface Duo 或模擬器上進行測試:雖然新的 Web 標準處於預覽狀態,但請遵循這些指示,在 Surface Duo 或模擬器中啟用雙螢幕支援。
在桌面上建立和測試:您也可以使用 Edge 或 Chrome,在桌面上建置和測試雙螢幕 Web 體驗。 遵循這些指示以啟用雙螢幕開發人員工具。
漸進式 Web 應用程式:新 Microsoft Edge 中有現成的 PWA 支援,可直接從 Android 上的瀏覽器進行安裝。 PWA 將支援與瀏覽器相同的雙螢幕版面配置功能和工具。
我們會在雙螢幕裝置簡介中概述數種方式,讓您能使用現有的功能和技術來加強雙螢幕裝置上運作的應用程式。 若要深入了解如何在 Web 應用程式中實作這些功能,請使用此現有文件。
功能 | 如需詳細資訊,請參閱... |
---|---|
回應式應用程式的版面配置 | 回應式設計的基本要素 (Mozilla) |
支援各種輸入 | PointerEvent (Mozilla) |
拖放 | HTML 拖放 API (Mozilla) |
適用於媒體的子母畫面 | 子母畫面 (W3C) 子母畫面範例 (Chrome) |