Como depurar remoto Aplicativos e sites da Web Android no Linux

Depuração de sites e aplicativos da web destinados a dispositivos móveis pode ajudar a corrigir problemas e melhorar a experiência do usuário em dispositivos portáteis. Este artigo explicará como depurar qualquer site em execução em um navegador baseado em Chrome / Chromium ou Webview em um dispositivo Android. Observe que o Firefox também suporta depuração remota de dispositivos Android. No entanto, eu não conseguia fazer funcionar no meu sistema Linux, portanto o artigo abrange apenas as instruções para depurar sites / aplicativos da web renderizados no navegador Chrome ou no WebViews baseado em Chrome / Chromium em um dispositivo Android.

Para depurar qualquer página da web atualmente visível no navegador Chrome ou na WebView em um dispositivo Android, você precisará ativar a depuração USB e conectar seu dispositivo Android a um PC Linux por meio de um cabo USB.

Permitindo a depuração USB em um dispositivo Android

A alternância de depuração USB pode ser encontrada no menu "Opções de desenvolvedor" ocultas em dispositivos Android. Para ativar a visualização das opções do desenvolvedor, você deve tocar em “número de compilação” entrada 7 vezes nas configurações do sistema. Como existem numerosos dispositivos Android com diferentes interfaces e versões de usuários, não há uma maneira padrão de encontrar o número de construção. Você pode usar a barra de pesquisa nas configurações do sistema Android para localizar e ir diretamente para a opção de número de compilação, ou pode navegar manualmente nas configurações do sistema para encontrá -la. Geralmente, está no mesmo menu que mostra a versão do kernel Linux em um dispositivo Android.

Depois de ativar as opções do desenvolvedor, alterne o comutador para depuração USB. Cuidado para não tocar em outras configurações nas opções de desenvolvedor, pois a configuração incorreta pode levar à quebra do sistema. Para referência, eis como a opção de depuração USB se parece no meu dispositivo Samsung Android:

Instalando o Android Debug Bridge (ADB) no Linux

O ADB é uma ferramenta de depuração oficial fornecida pelo Google para depurar os dispositivos Android SO e Android. Facilita o compartilhamento de dados e a comunicação entre um PC e um dispositivo Android. O ADB é necessário para a depuração remota de uma página da web atualmente ao vivo em um dispositivo Android. Também é usado para autenticar e verificar a conexão do seu dispositivo Android com o seu PC Linux.

Para instalar o ADB no Ubuntu, execute o comando abaixo:

$ sudo apt install adb

Os pacotes de ADB estão disponíveis por padrão em quase todas as principais distribuições Linux. Se você estiver usando uma distribuição Linux diferente do Ubuntu, procure o termo "adb" no gerenciador de pacotes e instale -o a partir daí.

Agora conecte seu dispositivo Android ao seu sistema Linux através de um cabo USB. Caso você esteja conectando seu dispositivo Android habilitado para depuração USB pela primeira vez, você receberá um prompt de autorização no seu dispositivo Android. Você deve aceitá -lo para prosseguir. Execute o comando abaixo depois de aceitar o prompt para verificar o status bem -sucedido de conexão e autenticação:

$ ADB Devices

A captura de tela abaixo mostra a saída do comando. Se você puder ver um número de série sob a "lista de dispositivos anexados", uma conexão bem -sucedida foi feita. Se houver uma palavra -chave "não autorizada" ao lado do número de série, desconecte o dispositivo, reconecte -o e aceite o prompt de autorização novamente (você pode ter perdido o prompt ou acidentalmente o fechou).

Depuração remota de uma página da web móvel no navegador Chrome Desktop

Digite o URL “Chrome: // Inspect/#Dispositices” na barra de endereço do Chrome e HIT Enter a tecla. Verifique a caixa de seleção "Descubra dispositivos USB". Agora você poderá ver uma lista de todos os sites / aplicativos da Web abertos em Chrome, Chromium ou qualquer navegador baseado em Chrome / Chromium ou WebView no seu dispositivo Android.

Basta clicar no link "Inspecionar" para começar a depurar. Você obterá o mesmo conjunto completo de ferramentas de desenvolvedor que estão disponíveis para depuração de sites em um PC de desktop.

Observe que o site ou WebApp sua depuração deve ser visível e viver em seu dispositivo Android. Se você alternar aplicativos, guias ou deslocar a tela, a área de visualização poderá ser acinzentada.

Conclusão

Conectar seu dispositivo Android a um PC Linux para sites de depuração remota é bem direta e dá algumas etapas. Embora você possa depurar layouts responsivos e simular visualizações móveis na área de trabalho, a depuração remota é especialmente útil se você estiver desenvolvendo aplicativos híbridos para Android ou usando o WebViews.