Depurar remotamente emuladores do Surface Duo
Neste artigo, você percorre o processo de depuração remota do conteúdo da Web no aplicativo Microsoft Edge em um emulador do Surface Duo de uma instância de área de trabalho do Microsoft Edge. Para obter informações sobre a depuração em um dispositivo Surface Duo, siga nosso guia para depuração remota de dispositivos Android.
Antes de começar
- Instale o SDK do Surface Duo antes de executar o emulador do Surface Duo. Consulte Obter o SDK do Surface Duo.
Etapa 1: Ir para edge://inspect
- Abra uma instância da área de trabalho do Microsoft Edge e vá para
edge://inspect:
Se a edge://inspect página não reconhecer o emulador do Surface Duo, reinicie o emulador.
Etapa 2: iniciar o emulador do Surface Duo
- Inicie o emulador do Surface Duo. O emulador exibe duas telas diferentes em execução no emulador:
Etapa 3: carregar seu conteúdo da Web no Microsoft Edge no emulador do Surface Duo
Em qualquer tela, deslize o dedo para cima na bandeja Favoritos do emulador do Surface Duo para exibir a Gaveta de Aplicativos.
Clique no Edge para iniciar o aplicativo Microsoft Edge:
No aplicativo Microsoft Edge, acesse o site ou aplicativo que você deseja depurar.
Etapa 4: Depurar o conteúdo da Web do emulador do Surface Duo
Volte para a instância da área de trabalho do Microsoft Edge.
A
edge://inspectpágina agora mostra o SurfaceDuoEmulator com uma lista das guias abertas ou PWAs que estão em execução no emulador do Surface Duo:
Na lista de guias abertas em execução no emulador, clique em inspecionar na guia que tem o conteúdo da Web a ser depurado. O DevTools é aberto em uma nova janela.
Clique em Alternar o Screencast (
) para exibir o conteúdo da Web do emulador do Surface Duo na janela DevTools.
Agora você pode usar o Microsoft Edge DevTools para depurar seu conteúdo da Web no emulador do Surface Duo:
Solução de problemas
Se o edge://inspectSurfaceDuoEmulator não for exibido na página, tente abrir ou fechar guias no aplicativo Microsoft Edge no Emulador do Surface Duo.
Para obter etapas adicionais de solução de problemas, consulte seção solução de problemas para dispositivos Android.
Como a dobradiça afeta o layout do conteúdo da Web
Se você abranger o aplicativo Microsoft Edge em ambas as telas no emulador, o screencast refletirá o novo tamanho do aplicativo, mas não a dobradiça.
Para entender como a dobradiça afeta o layout do conteúdo da Web, use o emulador do Surface Duo em vez do screencast.
Recursos adicionais
A Web é uma ótima plataforma para a nova classe de dispositivos dobráveis e de tela dupla, pois você pode escrever seu HTML, CSS e JavaScript uma vez, e tê-lo ótimo em dispositivos de tela única, tela dupla e dobrável. Confira os recursos adicionais a seguir para começar a criar conteúdo da Web para esses novos dispositivos.
Documentação do desenvolvedor do Surface Duo – Documentação para criar aplicativos em dispositivos de tela dupla.
Primitivos da Plataforma Web para Experiências Iluminadas em Dispositivos Dobráveis – Explicador da plataforma Web do Microsoft Edge para novas APIs, para criar experiências da Web em dispositivos dobráveis e de tela dupla.
Como criar experiências de tela dupla para o site e aplicativos Web – Gravação da sessão do Microsoft 365 Developer Day.