• 02/12/2021
  • 6 minutos de jogo
    • m

Depurar do controle vivo ao vivo em um dispositivo Android a partir do seu computador Windows ou MacOS . A próxima página do tutorial ensina a executar as seguintes ações.

  • Configure o seu dispositivo Android para depuração remota e descubra-a do seu computador de desenvolvimento.
  • Inspecionar e depurar conteúdo vivo em Seu dispositivo Android do seu computador de desenvolvimento.
  • conteúdo de captura de vídeo do seu dispositivo Android em uma instância de DevTools em seu computador de desenvolvimento.

Notas

Depuração remota do aplicativo Microsoft Edge em dispositivos IOS não é atualmente suportado. O guia a seguir é especificamente focado na depuração remota do Microsoft Edge nos dispositivos Android. Se você tiver um dispositivo MacOS, siga o guia de depuração do BrightCove para depurar o Microsoft Edge remotamente em um dispositivo iOS usando o Safari. Para obter mais informações sobre o inspetor da Web no Safari, vá para Ferramentas de Desenvolvimento da Web Safari.

Etapa 1: Descubra o seu dispositivo Android

O fluxo de trabalho abaixo funciona para a maioria dos usuários. Para obter mais ajuda, vá para a solução de problemas: DevTools não detecta a seção do dispositivo Android.

  1. Abra a tela Opções do desenvolvedor no seu Android. Para obter mais informações, vá para configurar opções de desenvolvedor de dispositivos.

  2. Escolha Ativar depuração USB.

  3. no seu computador de desenvolvimento, aberto Microsoft Edge.

  4. Navegar para edge://inspect A página no Microsoft Edge.

    EDGE Page: // Inspecione no Microsoft Edge

    figura1. Página edge://inspect

  5. Conecte seu dispositivo Android diretamente ao seu computador de desenvolvimento usando um cabo USB. Na primeira vez que você tenta se conectar, um prompt deve aparecer em DevTools detectando um dispositivo desconhecido. Aceitar o prompt de autorização Permitir depuração USB no seu dispositivo Android.

    Figura 2. Prompt de autorização Permite depuração USB em um dispositivo Android

  6. Se o nome do modelo do seu dispositivo Android for exibido, o Microsoft Edge estabeleceu corretamente a conexão ao seu dispositivo. Continue para a seção Passo 2.

Problema Resolvendo DevTools não detecta o dispositivo Android

Use as seguintes dicas para ajudá-lo a resolver os problemas de parâmetros corretos Para o seu hardware.

  • Se você estiver usando um hub USB, tente conectar seu dispositivo Android diretamente ao seu computador de desenvolvimento.
  • Tente desconectar o cabo USB entre o seu dispositivo Android e seu computador de desenvolvimento, então conecte-o novamente. Preencha a tarefa enquanto suas telas Android e Desenvolvimento são desbloqueadas.
  • Certifique-se de que seu cabo USB funciona. Você deve ser capaz de inspecionar os arquivos no seu dispositivo Android do seu computador de desenvolvimento.

Use as seguintes dicas para verificar se o seu software está instalado corretamente.

  • Se o seu computador de desenvolvimento executar o Windows, tente instalar manualmente os drivers USB no seu dispositivo Android. Para mais informações, navegue para instalar drivers USB do OEM.
  • Algumas combinações de dispositivos Windows e Android (incluindo Samsung) exigem configurações adicionais. Para obter mais informações, vá para dispositivos DevTools não detecta o dispositivo quando conectado.

Use as seguintes dicas para ajudá-lo a resolver problemas se o prompt permitem que a depuração USB n ‘não seja exibida no seu Android dispositivo.

    Desconectar, então nova conexão do cabo USB enquanto DevTools é focado no seu computador de desenvolvimento e sua tela inicial Android S ‘é exibido.

    Notas

    O prompt é exibido se suas telas android ou desenvolvimento estiverem bloqueadas.

  • Atualizando as configurações de exibição do seu dispositivo Android e seu Computador de desenvolvimento para que todos nunca sejam colocados em espera.

  • Modo USB de definição para o Android no PTP.Para obter mais informações, navegue até a caixa de diálogo Permitir USB Debug não apareça na caixa de diálogo Depuração USB Permitir

  • Escolha revogar autorizações de depuração USB na tela Opções do desenvolvedor no seu dispositivo Android Para redefini-lo para um estado fresco.

Se você encontrar uma solução que não seja mencionada nesta página ou em dispositivos de dispositivos não detectar o dispositivo quando conectado ao estouro de pilha, Adicione sua solução à pergunta de estouro de pilha ..

Etapa 2: depurar o conteúdo do seu dispositivo Android do seu computador de desenvolvimento

    Abra o Microsoft Edge no seu Android Dispositivo.

  1. Acesso edge://inspect para, nome do nome, o seu dispositivo Android é exibido, seguido pelo número de série do dispositivo. Abaixo disso, a versão do Microsoft Edge em execução no dispositivo deve ser exibida, com o número da versão entre parênteses. Cada guia Abra o Microsoft Edge recebe uma seção exclusiva. Você pode interagir com esta guia a partir de uma seção.

    Um dispositivo remoto conectado

    figura3. Um dispositivo conectado remoto

  2. Na guia Abrir com uma caixa de texto URL, insira um URL e escolha Abrir. A página é aberta em uma nova guia no seu dispositivo Android.

  3. Selecione Inspecionar ao lado do URL que você abre. Uma nova instância de DevTools é aberta.

Outras ações: foco, atualizar ou fechar uma guia

Escolha a guia Focus, Rechargezou Feche-o ao lado da guia Você quer se concentrar, atualizar ou fechar. ****

Botões de foco, atualização ou fechamento de uma guia

figura4. Botões de foco, atualização ou fechamento de uma guia

Inspecione os elementos

Vá para a ferramenta Elementos da sua instância DevTools e aponte para um elemento para realçá-lo na exibição Do seu dispositivo Android.

Você também pode selecionar um item na tela do seu dispositivo Android para selecioná-lo na ferramenta Elementos. Selecione o ícone Selecionar elemento na sua instância DevTools e, em seguida, selecione o item na tela Seu dispositivo Android.

Notas

Selecionar elemento está desativado após a primeira seleção. Portanto, você deve reativar toda vez que quiser usar a funcionalidade.

captura de tela do seu ecrã Android em seu computador de desenvolvimento

Escolha o screencast de ícone de Deggle (Toggle Screencast) para Veja o conteúdo do seu dispositivo Android em sua Instância Devotols.

Você pode interagir com a captura de vídeo das seguintes maneiras.

  • As opções são convertidas em pressões, o que permite puxar os eventos de toque apropriados no dispositivo.
  • As teclas do seu computador são enviados para o dispositivo.
  • para simular Um movimento de aperto, segure o Slippage.
  • para percorrer o mouse, use o trackpad ou a roda do mouse ou fenda com o ponteiro do mouse.

Use as seguintes dicas para ajudá-lo a fazer uma captura de vídeo.

  • screenshots exibe apenas o conteúdo da página. As partes transparentes da captura de vídeo representam interfaces de dispositivo, como a barra de endereços do Microsoft Edge, a barra de status do Android ou o teclado Android.
  • As capturas afetam negativamente as taxas de imagens. Desative a captura de vídeo ao medir rolagem ou animações para obter uma imagem mais precisa do desempenho da sua página.
  • Se a tela do seu dispositivo Android bloqueia, o conteúdo da sua captura de vídeo desaparecerá. Desbloquear a tela do seu dispositivo Android para retomar automaticamente a captura de vídeo.

Entre em contato com a equipe do EVTools microsoftedge

Use essas opções para discutir recursos de notícias e modificações de publicação de notícias ou qualquer outro assunto relacionado a DevTools.

  • Envie seus comentários usando o ícone de comentários de envio ou selecione AltShiftI \ (Windows, Linux) ou Option +
    + ShiftI \ (macos) em devtools.

  • tweet em @edgeVTools.
  • enviar uma sugestão para o site do seu Escolha.
  • para classificar bugs neste artigo, use esta seção de comentários.
  • O ícone da segregação no Microsoft Edge DevTools

    O ícone Enviar comentários no Microsoft Edge DevTools

    Algumas partes desta página são alteradas com base no trabalho criado e compartilhado pelo Google e usado de acordo com as condições descritas na licença internacional 4.0 Criativo Atribuição.
    A página original está disponível aqui e é criada por Kayce Basques \ (escritor técnico, cromo devtools & farol).

    Creative Commons License
    Este trabalho é concedido sob uma licença internacional Creative Commons Attribution4.0.

Leave a comment

O seu endereço de email não será publicado. Campos obrigatórios marcados com *