Experiencias web de doble pantalla
Microsoft Edge, con tecnología de Chromium, ofrece una base eficaz y compatible para las experiencias de aplicaciones web entre dispositivos. Incluye la nueva compatibilidad con doble pantalla cuando se ejecuta en Surface Duo.
Nuevos estándares web para diseño de pantalla doble: puede usar elementos primitivos de CSS para realizar diseños de pantalla doble o la API de segmentos de ventana gráfica de JavaScript para detectar varias pantallas y diseñar contenido web en ellas.
Pruebas en Surface Duo o en un emulador: Aunque los nuevos estándares web están en versión preliminar, siga estas instrucciones para habilitar la compatibilidad con doble pantalla en un dispositivo Surface Duo o en el emulador.
Compilación y pruebas en el escritorio: También puede compilar y probar experiencias web de doble pantalla en el escritorio con Edge o Chrome. Siga estas instrucciones para habilitar las herramientas de desarrollo de doble pantalla.
Aplicaciones web progresivas: las PWA se admiten de forma predefinida en la nueva versión de Microsoft Edge, que se puede instalar directamente desde el explorador en Android. Las PWA serán compatibles con las mismas características y herramientas que doble pantalla que el explorador.
Recursos adicionales
En Introducción a los dispositivos de doble dual, se describen varias formas de usar las características y técnicas existentes para mejorar tu aplicación en los dispositivos de doble pantalla. Usa esta documentación para obtener más información sobre la implementación de estas características en aplicaciones web.
Característica | Para más información, consulta... |
---|---|
Diseños de aplicaciones dinámicos | Bloques de creación del diseño dinámico (Mozilla) |
Compatibilidad con diversas entradas | PointerEvent (Mozilla) |
Arrastrar y colocar | API de arrastrar y colocar de HTML (Mozilla) |
Imagen en imagen para contenido multimedia | Imagen en imagen (W3C) Ejemplo de imagen en imagen (Chrome) |