Esperienze Web a doppio schermoDual-screen web experiences

Importante

Questi articolo descrive le funzionalità e il materiale sussidiario disponibili nell'anteprima pubblica, che potrebbero tuttavia subire modifiche sostanziali prima del rilascio della versione disponibile a livello generale.This article describes functionality and guidance that is in public preview and may be substantially modified before it's generally available. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.Microsoft makes no warranties, express or implied, with respect to the information provided here.

Microsoft Edge, realizzato da Chromium, fornisce una base potente e compatibile per le esperienze di siti Web e app Web tra dispositivi.Microsoft Edge, powered by Chromium, provides a powerful and compatible foundation for website and web app experiences across devices. Include il supporto del doppio schermo per l'esecuzione in Surface Duo.This includes new dual-screen support when running on the Surface Duo.

  • Nuovi standard Web per il layout a doppio schermo: è possibile usare le primitive CSS per i layout a doppio schermo o l'API di enumerazione dei segmenti di finestra JavaScript per rilevare più display e distribuirvi il contenuto Web.New web standards for dual-screen layout: You can use CSS primitives for dual-screen layouts or the JavaScript Window Segments Enumeration API to detect multiple displays and lay out web content across them.

  • Test in Surface Duo o in un emulatore: con i nuovi standard Web in anteprima, seguire queste istruzioni per abilitare il supporto per il doppio schermo in un dispositivo Surface Duo o nell'emulatore.Testing on Surface Duo or an emulator: While the new web standards are in preview, follow these instructions to enable dual-screen support on a Surface Duo or in the emulator.

  • Creazione e test nel desktop: è anche possibile creare e testare esperienze Web a doppio schermo nel desktop con Microsoft Edge o Chrome.Building and testing on the Desktop: You can also build and test dual-screen web experiences on the desktop with Edge or Chrome. Seguire queste istruzioni per abilitare gli strumenti per lo sviluppo di esperienze a doppio schermo.Follow these instructions to enable the dual-screen developer tools.

  • App Web progressive: le app Web progressive sono supportate per impostazione predefinita nel nuovo Microsoft Edge e possono essere installate direttamente dal browser in Android.Progressive Web Apps: PWAs are supported out of the box in the new Microsoft Edge, which can be installed directly from the browser on Android. Le app Web progressive supporteranno gli stessi strumenti e funzionalità del layout a doppio schermo del browser.PWAs will support the same dual-screen layout features and tools as the browser.

Risorse aggiuntiveAdditional resources

In Introduzione ai dispositivi a doppio schermo illustriamo i vari modi in cui puoi usare le funzionalità e le tecniche esistenti per migliorare l'app nei dispositivi a doppio schermo.In Introduction to dual-screen devices, we outline several ways you can use existing features and techniques to make your app better on dual-screen devices. Usa la documentazione esistente seguente per altre informazioni sull'implementazione di queste funzionalità nelle app Web.Use this existing documentation to learn more about implementing these features in web apps.

FunzionalitàFeature Per altre info, vediFor more info, see...
Layout di app reattiviResponsive app layouts The building blocks of responsive design (I blocchi predefiniti della progettazione reattiva) (Mozilla)The building blocks of responsive design (Mozilla)
Supportare un'ampia gamma di inputSupport a variety of inputs PointerEvent (Mozilla)PointerEvent (Mozilla)
Trascinamento della selezioneDrag-and-drop HTML Drag and Drop API (API Drag and Drop HTML) (Mozilla)HTML Drag and Drop API (Mozilla)
Immagine nell'immagine per gli elementi multimedialiPicture-in-picture for media Picture-in-Picture (Immagine nell'immagine) (W3C)Picture-in-Picture (W3C)
Picture-in-picture sample (Esempio di immagine nell'immagine) (Chrome)Picture-in-picture sample (Chrome)