共用方式為


雙螢幕 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)