Criando experiências da Web de tela dupla na área de trabalho

O recurso de emulação de tela dupla está disponível nas ferramentas de desenvolvedor para Microsoft Edge versão 97 e mais recente.

  1. Navegue até um site com tela dupla, como este exemplo, no GitHub

  2. Escolha o menu Configurações e mais (reticências...) e, em seguida, mais ferramentas de Ferramentas > para Desenvolvedores

  3. Selecione Dimensões: Surface Duo e use o botão "tela dupla" (como um livro) para alternar entre uma e duas telas:

    Select Surface Duo simulation

  4. Agora você pode usar seu fluxo de trabalho de desenvolvimento web regular para criar e testar aplicativos Web de tela dupla.

Criar e testar na área de trabalho tem a vantagem de usar ferramentas de desenvolvimento da Web existentes e experiências de depuração.

Depurar no emulador da área de trabalho

Além de criar e testar na área de trabalho do Edge, você também pode se conectar ao emulador do Surface Duo e depurar sites do emulador.

Siga estas instruções para conectar uma instância do emulador às ferramentas de desenvolvedor da área de trabalho do Edge. A depuração remota também funciona para dispositivos Android.

Versões do navegador da área de trabalho com suporte

A opção de emulação do Surface Duo está disponível nas seguintes ferramentas de desenvolvedor do navegador da área de trabalho:

  • Microsoft Edge – versão 97 ou mais recente
  • Google Chrome - versão 97 ou mais recente