A web hoje está sendo mais navegada em telefones celulares do que em desktops. Já que os dispositivos ficaram realmente portáteis e os tamanhos de tela menores. Portanto, se você estiver desenvolvendo um aplicativo da web, não poderá evitar o suporte para telefones celulares (Android ou iOS). Sites corrompidos ou de aparência ruim em telas de dispositivos móveis podem realmente causar danos à sua reputação online. A experiência do usuário em telefones é completamente diferente da área de trabalho. Portanto, os desenvolvedores precisam projetar os aplicativos especialmente para se adaptarem à tela do celular.
O Google Chrome Dev fornece ferramentas que permitem inspecionar, depurar e analisar a experiência no dispositivo, e você pode usar as ferramentas Chrome Dev em sua máquina local para depurar seu aplicativo em um dispositivo móvel. Neste tutorial, aprenderemos como configurar sua máquina de desenvolvimento local para depurar remotamente no Android. Faremos a depuração por meio de uma conexão USB entre seu dispositivo móvel e sua máquina de desenvolvimento local.
Você precisará do seguinte para prosseguir com a depuração remota:
- Um celular ou tablet Android com Chrome para Android 28 instalado (você pode instalá-lo a partir de SUA PARTICIPAÇÃO FAZ A DIFERENÇA).
- Um cabo USB para conectar seu dispositivo Android à sua máquina de desenvolvimento local, também certifique-se de ter as unidades necessárias instaladas para conectar seu celular Android a um computador.
- Verifique o Lista de drivers USB OEM e descubra os drivers adequados para você.
- Chrome 28+ instalado em sua máquina de desenvolvimento local.
- Certifique-se de ter a extensão ADB Chrome instalada em sua máquina de desenvolvimento local. Você pode instalá-lo de SUA PARTICIPAÇÃO FAZ A DIFERENÇA.
Neste tutorial estaremos usando um Sony Xperia L (dispositivo Android) e Windows 7 em nossa máquina de desenvolvimento local. Então, vamos começar com a depuração remota:
1. Primeiro, certifique-se de ter o modo de depuração habilitado em seu dispositivo Android
Se você não ativou, consulte isto:
- Para usuários do Android 4.2, consulte: http://www.thesmarthacks.com/2013/04/enabling-usb-debugging-mode-on-android.html.
- O restante deles pode se referir a: http://www.groovypost.com/howto/mobile/how-to-enable-usb-debugging-android-phone/.
Para obter mais informações sobre como configurar o dispositivo Android para desenvolvimento, consulte: http://developer.android.com/tools/device.html#setting-up.
2. Conectando seu dispositivo Android
Agora conecte seu dispositivo Android à sua máquina de desenvolvimento local com um cabo USB. Depois de conectar seu dispositivo Android, você precisa habilitar a depuração da Web USB em seu telefone, iniciando o Chrome em seu Android e, em seguida, -> Configurações -> Ferramentas do desenvolvedor -> Selecione Habilitar depuração da Web USB
Ao selecionar esta opção, se for solicitada a confirmação de sua conexão com a máquina de desenvolvimento, selecione OK.
3. Depuração
Depois de instalar a extensão ADB, você verá um ícone cinza do Android ao lado do menu do Chrome. Agora clique no ícone do Android e selecione -> Iniciar ADB. Agora ele deve ficar verde e mostrará o número de dispositivos conectados atualmente. Em seguida, clique no ícone e selecione -> Exibir alvos de inspeção. Isso deve abrir uma nova guia e mostrar o número de dispositivos Android conectados e as guias atualmente abertas neles.
Agora selecione a guia da lista que deseja depurar. Isso abrirá uma nova janela com as Ferramentas do desenvolvedor.
Agora inspecione algum elemento da página e o elemento será destacado no Chrome para celular, em tempo real.
Desta forma, você pode corrigir os bugs específicos do dispositivo, depurando a partir das ferramentas Dev. Você pode executar comandos de ferramentas Dev que serão executados no Chrome mobile. Veja também diferentes painéis como Rede, Recursos, Linha do Tempo, Perfis, Auditorias.
Agora você pode corrigir bugs específicos de dispositivos móveis e depurar aplicativos móveis em tempo real, em vez de implantar seu aplicativo no servidor e acessá-lo a partir de seu telefone e depurar. O Google Chrome Dev fornece essas ferramentas que resolvem um problema real para desenvolvedores que criam aplicativos compatíveis com dispositivos.
Pedro Miguel
É bom saber sobre o Chrome Dev. A oferta de plataforma para desenvolvedores tanto para navegadores quanto mobile (iOS e Android) vem aumentando a cada dia. Obrigado por todas as fotos detalhadas sobre o processo de depuração.
Meethu
Esta é uma postagem realmente incrível e útil. A partir daqui, podemos entender os procedimentos claros sobre Depurar aplicativos da Web remotamente no Android. Além disso, as fotos explicam o procedimento sobre o Chrome Dev de uma forma clara e fácil.
van mais selvagem
Uau! O Android arrasa!
Não sabia se isso era mesmo possível
Stephan
Eu acho que esta postagem é realmente útil para todos os usuários do Android. especialmente naqueles dias, um monte de aplicativos para navegadores e costumam confundir os usuários.
Todas as Fotos são bem detalhadas e fáceis de acompanhar todas as etapas.
Obrigado pela sua participação.
Stephan Wu
Satish
Realmente, este post é muito útil para depurar aplicativos da web no Android. Ainda não pensei nisso.
Karen Davidson
Esta é uma postagem muito informativa. Agora podemos depurar aplicativos da web remotamente no Android.
James Stevens
Postagem informativa muito bem apresentada. Sempre me perguntei como depurar aplicativos da web remotamente, mas os outros blogs que li no passado não eram muito diretos. Obrigado por colocar isso em termos claros para aqueles de nós que lutam para seguir a linguagem tecnológica.
Como disse Stephan, as imagens são muito detalhadas tornando as instruções mais fáceis de seguir.
Peter Ford
Tenho procurado uma maneira de depurar meu Samsung Galaxy S3. Acho que vim ao lugar certo porque seu tutorial realmente ajudou e consegui depurar meu dispositivo com sucesso. Muito obrigado pela ajuda.
Mahesh Srivastava
Uau! Eu não sabia que você pode fazer isso com meu telefone Android.
Obrigado!
Betânia
Realmente incrível, nunca pensei que a depuração pudesse ser feita remotamente, especificamente para aplicativos Android ...
Alice
Oi,
Obrigado, finalmente fiz a depuração remotamente, muito útil.