Experiências na Web de tela dupla
O Microsoft Edge, da plataforma Chromium, fornece uma base eficiente e compatível para experiências de sites e aplicativos Web em diversos dispositivos. Isso inclui o novo suporte de tela dupla ao ser executado no Surface Duo.
Novos padrões da Web para layouts de tela dupla: é possível usar primitivos CSS para layouts de tela dupla ou a API de segmentos viewport JavaScript para detectar várias telas e distribuir o conteúdo da Web entre elas.
Teste no Surface Duo ou em um emulador: embora os novos padrões da Web estejam em versão prévia, siga estas instruções para habilitar o suporte de tela dupla no Surface Duo ou no emulador.
Criação e teste na área de trabalho: também é possível criar e testar experiências na Web de tela dupla na área de trabalho com o Microsoft Edge ou o Chrome. Siga estas instruções para habilitar as ferramentas de desenvolvedor de tela dupla.
Aplicativos Web Progressivos: os PWAs têm suporte integrado no novo Microsoft Edge, que pode ser instalado diretamente do navegador no Android. Os PWAs darão suporte aos mesmos recursos e ferramentas de layout de tela dupla que o navegador.
Recursos adicionais
Em Introdução aos dispositivos de tela dupla, descrevemos várias maneiras de usar os recursos e as técnicas existentes para que seu aplicativo funcione melhor em dispositivos com tela dupla. Use a documentação existente para saber mais sobre como implementar esses recursos em aplicativos Web.
| Recurso | Para saber mais, confira... |
|---|---|
| Layouts de aplicativo responsivos | Os blocos de construção do design responsivo (Mozilla) |
| Suporte a várias entradas | PointerEvent (Mozilla) |
| Arrastar e soltar | API de Arrastar e Soltar para HTML (Mozilla) |
| Picture-in-picture para mídia | Picture-in-Picture (W3C) Exemplo de picture-in-picture (Chrome) |