Depuração sem fio do aplicativo para Android no aplicativo para computador (Mac) para computador

Question

Pré-história:

O Nexus 5X possui um cabo USB-C para USB-C pronto para uso, que obviamente não é compatível com USB-A sem nenhum equipamento adicional (cabo USB-C para USB-A). Ambos os cabos mencionados acima parecem ser muito caros, e eu não quero comprar outro cabo para o telefone recém-adquirido.

Problema:

Preciso depurar um site no dispositivo Android no Google Chrome - Nexus 5X - e ver o que exatamente acontece com uma página no Chrome no meu Mac sem a conexão por cabo USB. Sei que isso é possível através do recurso encaminhamento de porta do Google Chrome dev-tools tem.

A ideia principal é que não preciso depurar aplicativos Android nativos, portanto, todas as etapas sugeridas com adb não farão sentido.

Eu posso acessar aplicativos da Web em execução no meu servidor da web Apache localhost (endereço IP do dispositivo: número da porta), mas não consigo ver o que exatamente está acontecendo na tela do dispositivo se algo estiver quebrado.

O mesmo link sugere que primeiro preciso conectar meu dispositivo via USB para usá-lo depois sem o USB e, em seguida, configure o encaminhamento de porta. Isso significa que eu preciso fazer o procedimento de conexão / desconexão toda vez que preciso depurar um site, o que não parece muito conveniente.

Pergunta:

Como depurar o aplicativo Nexus 5X Android 6.0.1 Chrome (44.0.2403.133) no meu aplicativo para computador Chrome (53.0.2785.116 (64 bits)) em execução no Mac OSX El Capitan? Ambos os dispositivos estão na mesma rede, sob a mesma Conta do Google.

    

Answer 1

Eu tenho procurado este problema nos últimos dias e aqui está o que eu descobri:

Eu me conectei com Kayce Basques - um dos autores do Tutorial de depuração remota do Google e ele confirmou que não há atualmente nenhuma maneira oficial de organizar a depuração sem fio. Citando suas palavras:

The remote debugging workflow depends on Android's USB Debugging feature.

A outra coisa em que analisei foi a depuração sem fio com Genymotion Emulador Android. Eu fiz isso funcionar. Aqui está como:

1. O emulador Genymotion Android tem imagens de sistema operacional nativas de muitos dispositivos, já que eu estava procurando especificamente no Nexus 5X 6.0.0. Acabei de escolher fazer o download desta imagem.
2. Depois que a imagem foi baixada, eu corro a imagem, vou para as configurações do dispositivo e habilito a depuração USB

Depois disso, liguei o navegador nativo do Android e fui para a página do meu interesse

No meu aplicativo para Mac do Chrome, digitei chrome://inspect

VisualizaçãodaáreadetrabalhoEucliqueieminspectlogoabaixodoendereçodapáginadaWebeobtiveestajanelamágica

Agora, posso ver o que realmente acontece na página sem conectar um dispositivo Android real. Apenas por uma questão de garantia, testei tudo no Nexus 5X 6.0.0 e parece funcionar perfeitamente.

No entanto, a questão ainda está em aberto, embora você possa dizer que há uma confirmação do Google, acredito que ainda há hacks ou controvérsias e gostaria de vê-los.