Logo do Triângulo

Como debugar o Chrome no Android usando o DevTools

por Hugo de Oliveira

Publicado em 26/05/2021

A partir do Chrome no seu computador, você pode debugar um site aberto em um dispositivo Android utilizando o Chrome DevTools. Para isso:
  • Primeiro, habilite o as Opções de Desenvolvedor no seu Android;
  • Vá até as opções em Configurações, Sistema, Opções do Desenvolvedor;
  • Ative a Depuração USB;
  • No seu computador, abra o Chrome;
  • Acesse chrome://inspect#devices;
  • Habilite a opção de "Discover USB devices";
  • Conecte o seu dispositivo Android ao seu computador por um cabo USB;
  • Você deve agora conseguir ver o seu celular na lista de dispositivos; Captura de tela (screenshot) da página de inspeção remota do Chrome DevTools
  • Se o seu dispositivo aparecer como offline, permita a depuração USB no Android;
  • Você pode agora clicar em "inspect" em alguma das abas listadas.

Referências

  • Criando animações perfeitas com CSS animation e transition
    Teste o exemplo em um celular Android debugando pelo Chrome DevTools.
  • Analisando a Performance de Animações CSS com o DevTools
    [...] Para nossos próximos testes, vou rodar o Codepen em um Pixel 3a e debugar remotamente pelo USB utilizando o CPU Throttling da aba de Performance

Construa a sua carreira em desenvolvimento front-end

Mais conhecimento, mais prática, mais oportunidades. Aprenda a construir webapps avançados, com conteúdo objetivo e direto das trincheiras. Sem spam.

Twitter
Instagram