Como debugar o Chrome no Android usando o DevTools

A partir do Chrome no seu computador, você pode debugar um site aberto em um dispositivo Android utilizando o Chrome DevTools. Para isso:

1. Primeiro, habilite o as Opções de Desenvolvedor no seu Android;
2. Vá até as opções em Configurações, Sistema, Opções do Desenvolvedor;
3. Ative a Depuração USB;
4. No seu computador, abra o Chrome;
5. Acesse chrome://inspect#devices;
6. Habilite a opção de “Discover USB devices”;
7. Conecte o seu dispositivo Android ao seu computador por um cabo USB;
8. Você deve agora conseguir ver o seu celular na lista de dispositivos;
9. Se o seu dispositivo aparecer como offline, permita a depuração USB no Android;
10. Você pode agora clicar em “inspect” em alguma das abas listadas.

Referências

• Chrome DevTools - Remote debug Android devices (developers.chrome.com)

Backlinks

• 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