Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
Neste artigo, vai percorrer o processo de depuração remota do conteúdo Web na aplicação Microsoft Edge num emulador do Surface Duo a partir de uma instância de ambiente de trabalho do Microsoft Edge. Para obter informações sobre a depuração num dispositivo Surface Duo, siga o nosso guia para a 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.
Passo 1: ir para edge://inspect
- Abra uma instância de ambiente de trabalho do Microsoft Edge e aceda a
edge://inspect:
Se a edge://inspect página não reconhecer o emulador do Surface Duo, reinicie o emulador.
Passo 2: Iniciar o emulador do Surface Duo
- Inicie o emulador do Surface Duo. O emulador apresenta dois ecrãs diferentes em execução no emulador:
Passo 3: carregar o conteúdo Web no Microsoft Edge no emulador do Surface Duo
Em qualquer um dos ecrãs, percorra para cima no Tabuleiro de Favoritos do emulador do Surface Duo para apresentar a Gaveta das Aplicações.
Clique em Edge para iniciar a aplicação Microsoft Edge:
Na aplicação Microsoft Edge, aceda ao site ou aplicação que pretende depurar.
Passo 4: Depurar o conteúdo Web a partir do emulador do Surface Duo
Regresse à instância de ambiente de trabalho do Microsoft Edge.
A
edge://inspectpágina mostra agora o SurfaceDuoEmulator com uma lista dos separadores abertos ou PWAs em execução no emulador do Surface Duo:
Na lista de separadores abertos em execução no emulador, clique em inspecionar no separador que tem o conteúdo web a ser depurado. O DevTools é aberto numa nova janela.
Clique em Ativar/Desativar Screencast (
) para ver o conteúdo Web do emulador do Surface Duo na janela DevTools.
Agora, pode utilizar as DevTools do Microsoft Edge para depurar o conteúdo Web no emulador do Surface Duo:
Solução de problemas
Se o SurfaceDuoEmulator não for apresentado na edge://inspect página, experimente abrir ou fechar separadores na aplicação Microsoft Edge no Emulador do Surface Duo.
Para obter passos de resolução de problemas adicionais, veja a secção resolução de problemas para dispositivos Android.
Como a dobradiça afeta o esquema do conteúdo Web
Se abranger a aplicação Microsoft Edge em ambos os ecrãs no emulador, o screencast refletirá o novo tamanho da aplicação, mas não a dobradiça.
Para compreender como a dobradiça afeta o esquema do conteúdo Web, utilize o emulador do Surface Duo em vez do screencast.
Recursos adicionais
A Web é uma excelente plataforma para a nova classe de dispositivos dobráveis e de ecrã duplo, uma vez que pode escrever o seu HTML, CSS e JavaScript uma vez e ter um ótimo aspeto em dispositivos de ecrã único, de ecrã duplo e dobráveis. Veja os seguintes recursos adicionais para começar a criar conteúdos Web para estes novos dispositivos.
Documentação para programadores do Surface Duo – documentação para criar aplicações em dispositivos de ecrã duplo.
Primitivos de Plataforma Web para Experiências Otimizadas em Dispositivos Dobráveis – explicador da plataforma Web do Microsoft Edge para novas APIs, para criar experiências Web em dispositivos dobráveis e de ecrã duplo.
Como criar experiências de ecrã duplo para o site e aplicações Web – Gravação da sessão do Microsoft 365 Developer Day.