Como inspecionar um elemento no Android, a partir de qualquer computador

Não é possível abrir as ferramentas de programador no próprio telemóvel. O que dá para fazer é conduzir o navegador do telemóvel a partir de um computador, por cabo, e ao contrário do equivalente num iPhone - que precisa de um Mac - isto funciona a partir de Windows, macOS ou Linux. Serve qualquer computador que tenha Chrome.

A preparação, uma vez só

No telemóvel. Abra Definições → Acerca do telemóvel e toque sete vezes em Número de compilação. O Android avisa que o modo de programador está ligado. Volte a Definições → Sistema → Opções de programador e ligue a Depuração USB. O caminho exato muda conforme o fabricante; procurar “número de compilação” na aplicação Definições encontra-o mais depressa do que andar à procura.

Ligue-o. Ligue o telemóvel ao computador com um cabo que transporte dados - um cabo só de carga é o motivo mais comum para não aparecer nada. Desbloqueie o telemóvel. Ele pergunta se permite a depuração USB a partir deste computador; diga que sim.

No computador. Abra o Chrome e vá a chrome://inspect#devices. O seu telemóvel aparece pelo nome, com a lista dos separadores abertos nele. Clique em inspect ao lado daquele que quer.

As ferramentas de programador abrem no computador e estão a conduzir o telemóvel. Tem o conjunto completo de painéis - Elementos, Consola, Rede, tudo - mais uma vista em direto do ecrã onde pode clicar, o que é mesmo útil quando a pessoa que tem o telemóvel na mão está ao telefone consigo.

Sem cabo

O Android 11 e posteriores conseguem fazer isto por wi-fi. Nas opções de programador, ligue a Depuração sem fios, escolha “Emparelhar dispositivo com código de emparelhamento” e emparelhe a partir do computador. Os dois aparelhos têm de estar na mesma rede. É mais lento do que um cabo e é a diferença entre depurar à secretária e depurar do sofá.

O que mais aparece ali

• Os outros navegadores Chromium do telemóvel - Samsung Internet, Edge - aparecem na mesma lista assim que a depuração está ligada.
• O Firefox para Android não. O equivalente é about:debugging no Firefox de computador, com o mesmo interruptor de depuração USB no telemóvel.
• Uma vista web dentro de uma aplicação nativa só aparece se a aplicação tiver sido compilada com a depuração de vistas web ativada. Para a sua própria aplicação numa compilação de desenvolvimento, isso é uma linha. Para a aplicação de outra pessoa vinda da loja, não está disponível, e é de propósito.

A diferença em relação ao iPhone que vale a pena saber

No iOS todos os navegadores desenham com WebKit, por isso um erro que só se vê num iPhone é muitas vezes uma diferença de motor que nenhum navegador de computador consegue reproduzir.

O Android não é assim. O Chrome no Android é Blink, o mesmo motor do Chrome no seu computador, pelo que a maioria dos erros de desenho reproduz-se mesmo no modo de dispositivo do computador - a vista de telemóvel das ferramentas de programador. Isso faz do modo de dispositivo um primeiro palpite bastante melhor aqui do que é no iOS.

O que o modo de dispositivo continua a não dar é o resto do telemóvel: o comportamento tátil real e as áreas que se tocam, a área visível verdadeira com o teclado aberto, os limites de memória de um aparelho barato, as diferenças de GPU e tudo o que envolva as condições de rede do próprio dispositivo. Por isso a ordem que poupa tempo é: experimente primeiro o modo de dispositivo e vá buscar o cabo quando o erro não aparecer ali.

Quando o telemóvel é de outra pessoa

Tudo o que está acima parte do princípio de que tem o telemóvel na mão. Normalmente não tem: um cliente contou que o seu site está partido no Android dele, e ligar o modo de programador no aparelho de um desconhecido não é um pedido que alguém vá fazer.

O que pedir em vez disso, por ordem daquilo que lhe diz:

• Uma gravação de ecrã. O Android grava o ecrã a partir do painel de definições rápidas. Capta o comportamento, os tempos e aquilo em que tocaram.
• O navegador e a versão. A do Chrome está em Definições → Acerca do Chrome. “Android” não é uma resposta - Chrome 152 no Android 16 é.
• O texto exato de qualquer erro, fotografado se isso for mais fácil do que copiá-lo.
• Se acontece num separador anónimo, o que separa a sua página de uma extensão, de um recurso em cache ou de um service worker antigo.

O nosso próprio limite, dito com clareza numa página sobre telemóveis: a nossa extensão é uma extensão do Chrome para computador. Capta a consola e o registo de rede num computador, não num telemóvel. Para um erro de computador poupa esta troca toda, porque a metade técnica chega com o carregar de um botão. Para um erro que só acontece no Android de alguém, a gravação e o número de versão continuam a ser aquilo com que trabalha.

Referência rápida

• Telemóvel: Definições → Acerca do telemóvel → tocar sete vezes em Número de compilação, depois Opções de programador → Depuração USB.
• Computador: Chrome → chrome://inspect#devices → inspect.
• Use um cabo de dados, desbloqueie o telemóvel e aceite o pedido.
• O Android 11 e posteriores podem emparelhar por wi-fi.
• O Chrome no Android é o mesmo motor do Chrome no computador, por isso experimente o modo de dispositivo antes de ir buscar o cabo.