Depurar remotamente dispositivos Android

Depuração remota de conteúdos em direto num dispositivo Android a partir do seu computador Windows ou macOS. A página do tutorial seguinte ensina-lhe a:

• Configure o seu dispositivo Android para depuração remota e descubra-o a partir do seu computador de desenvolvimento.

• Inspecione e depure conteúdos dinâmicos no seu dispositivo Android a partir do seu computador de desenvolvimento.

• Conteúdo de screencast do seu dispositivo Android para uma instância de DevTools no seu computador de desenvolvimento.

Observação

A depuração remota da aplicação Microsoft Edge em dispositivos iOS não é atualmente suportada. O guia seguinte foca-se especificamente na depuração remota do Microsoft Edge em dispositivos Android. Se tiver um dispositivo macOS, siga o Guia de Depuração da Brightcove para depurar remotamente o Microsoft Edge num dispositivo iOS com o Safari. Para obter mais informações sobre a ferramenta Inspetor Web no Safari, consulte Ferramentas de Desenvolvimento Web do Safari.

Passo 1: Descobrir o seu dispositivo Android

O fluxo de trabalho abaixo funciona para a maioria dos utilizadores. Para obter mais ajuda, consulte Resolução de problemas: O DevTools não está a detetar o dispositivo Android, abaixo.

1. Abra o ecrã Opções do Programador no seu Android. Veja Configurar Opções de Programador no Dispositivo.

2. Selecione Ativar Depuração USB.

3. No seu computador de desenvolvimento, abra o Microsoft Edge.

4. Na Barra de endereço, aceda a edge://inspect.

   

5. Ligue o seu dispositivo Android diretamente ao seu computador de desenvolvimento através de um cabo USB. Quando tentar ligar pela primeira vez, deverá ser apresentada uma mensagem sobre as DevTools detetarem um dispositivo desconhecido. Aceite o pedido de permissão Permitir Depuração USB no seu dispositivo Android.

   

6. Se o nome do modelo do seu dispositivo Android for apresentado, o Microsoft Edge estabeleceu com êxito a ligação ao seu dispositivo. Avance para a secção Passo 2 .

Resolução de problemas: o DevTools não está a detetar o dispositivo Android

Utilize as sugestões seguintes para o ajudar a resolver as definições corretas do hardware.

• Se estiver a utilizar um concentrador USB, tente ligar o seu dispositivo Android diretamente ao seu computador de desenvolvimento.
• Experimente desligar o cabo USB entre o dispositivo Android e a máquina de desenvolvimento e, em seguida, voltar a ligar o cabo USB. Conclua a tarefa enquanto os ecrãs do android e do computador de desenvolvimento estão desbloqueados.
• Certifique-se de que o cabo USB funciona. Deverá conseguir inspecionar ficheiros no seu dispositivo Android a partir do seu computador de desenvolvimento.

Utilize as sugestões seguintes para o ajudar a verificar se o software está configurado corretamente.

• Se o computador de desenvolvimento estiver a executar o Windows, experimente instalar manualmente os controladores USB para o seu dispositivo Android. Para obter mais informações, consulte Instalar Controladores USB OEM.
• Algumas combinações de dispositivos Windows e Android (especialmente Samsung) requerem definições adicionais. Para obter mais informações, veja Dispositivos DevTools não deteta o dispositivo quando ligado à corrente.

Se o pedido Permitir Depuração USB não for apresentado no seu dispositivo Android, experimente:

• Desligar e voltar a ligar o cabo USB enquanto o DevTools está focado no seu computador de desenvolvimento e o ecrã principal do Android é apresentado. Por vezes, o pedido não é apresentado quando os ecrãs do android ou do computador de desenvolvimento estão bloqueados.
• Atualizar as definições de visualização do dispositivo Android e do computador de desenvolvimento para que nunca entrem em modo de suspensão.
• Definir o modo USB para Android como PTP. Veja O Galaxy S4 não mostra a caixa de diálogo Autorizar depuração USB.
• Selecione Revogar Autorizações de Depuração USB no ecrã Opções do Programador no seu dispositivo Android para o repor para um estado novo.

Se encontrar uma solução que não seja mencionada nesta página ou em Dispositivos DevTools não detetar o dispositivo quando ligado à corrente no Stack Overflow, adicione a sua solução à pergunta Stack Overflow.

Passo 2: Depurar conteúdo no seu dispositivo Android a partir do seu computador de desenvolvimento

1. Abra o Microsoft Edge no seu dispositivo Android.

2. Acesse edge://inspect. O nome do modelo do seu dispositivo Android é apresentado, seguido do número de série do dispositivo. Abaixo, a versão do Microsoft Edge em execução no dispositivo deve ser apresentada, com o número da versão entre parênteses. Cada separador do Microsoft Edge aberto obtém uma secção exclusiva. Pode interagir com esse separador a partir de uma secção.

1. Na caixa de texto Abrir separador com URL , introduza um URL e, em seguida, clique em Abrir. A página é aberta num novo separador no seu dispositivo Android.

2. Clique em inspecionar junto ao URL que acabou de abrir. É aberta uma nova instância de DevTools.

Mais ações: focar, atualizar ou fechar um separador

Selecione o separador de foco, recarregue ou feche junto ao separador que pretende focar, atualizar ou fechar.

Inspecionar elementos

Aceda à ferramenta Elementos da sua instância de DevTools e paire o cursor sobre um elemento para realçá-lo na janela viewport do seu dispositivo Android.

Também pode tocar num elemento no ecrã do seu dispositivo Android para o selecionar na ferramenta Elementos . Clique no ícone Selecionar Elemento () na instância de DevTools e, em seguida, selecione o elemento no ecrã do seu dispositivo Android.

Selecionar Elemento é desativado após a primeira seleção, pelo que tem de a reativar sempre que quiser utilizar esta funcionalidade.

Filtrar o ecrã do Android para o seu computador de desenvolvimento

Clique no ícone Ativar/Desativar Screencast () para ver o conteúdo do seu dispositivo Android na sua instância de DevTools.

Pode interagir com o screencast de várias formas:

• Os cliques são traduzidos em toques e acionam eventos táteis adequados no dispositivo.
• Os batimentos de teclas no computador são enviados para o dispositivo.
• Para simular um gesto de aproximar os dedos, mantenha premida a tecla Shift enquanto arrasta.
• Para deslocar, utilize o trackpad ou a roda do rato ou fling com o ponteiro do rato.

Utilize as seguintes sugestões para ajudá-lo a fazer screencast:

• Os screencasts só apresentam o conteúdo da página. Partes transparentes do screencast representam interfaces de dispositivo, como a barra de Endereço do Microsoft Edge, a barra de status android ou o teclado Android.
• Os screencasts afetam negativamente as taxas de fotogramas. Desative o screencast enquanto mede deslocamentos ou animações para obter uma imagem mais precisa do desempenho da sua página.
• Se o ecrã do seu dispositivo Android bloquear, o conteúdo do seu screencast desaparece. Desbloqueie o ecrã do seu dispositivo Android para retomar automaticamente o screencast.

Observação

Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Pública Creative Commons Atribuição 4.0 Internacional. A página original encontra-se aqui e é criada por Kayce Bascos (Technical Writer, Chrome DevTools & Lighthouse).

Este trabalho é licenciado ao abrigo de uma Licença Internacional creative Commons Attribution 4.0.