Esperienze Web a doppio schermo
Microsoft Edge, realizzato da Chromium, fornisce una base potente e compatibile per le esperienze di siti Web e app Web tra dispositivi. Include il supporto del doppio schermo per l'esecuzione in Surface Duo.
Nuovi standard Web per il layout a doppio schermo: è possibile usare primitive CSS per layout a doppio schermo o l'API dei segmenti del viewport JavaScript per rilevare più schermi e il layout del contenuto Web tra di essi.
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.
Creazione e test nel desktop: è anche possibile creare e testare esperienze Web a doppio schermo nel desktop con Microsoft Edge o Chrome. Seguire queste istruzioni per abilitare gli strumenti per lo sviluppo di esperienze a doppio schermo.
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. Le app Web progressive supporteranno gli stessi strumenti e funzionalità del layout a doppio schermo del browser.
Risorse aggiuntive
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. Usa la documentazione esistente seguente per altre informazioni sull'implementazione di queste funzionalità nelle app Web.
| Funzionalità | Per altre info, vedi |
|---|---|
| Layout di app reattivi | The building blocks of responsive design (I blocchi predefiniti della progettazione reattiva) (Mozilla) |
| Supportare un'ampia gamma di input | PointerEvent (Mozilla) |
| Trascinamento della selezione | HTML Drag and Drop API (API Drag and Drop HTML) (Mozilla) |
| Immagine nell'immagine per gli elementi multimediali | Picture-in-Picture (Immagine nell'immagine) (W3C) Picture-in-picture sample (Esempio di immagine nell'immagine) (Chrome) |