Come ispezionare un elemento su Android, da qualsiasi computer

Sul telefono stesso gli strumenti per sviluppatori non si aprono. Quello che puoi fare è guidare il browser del telefono da un computer tramite un cavo, e a differenza dell’equivalente su un iPhone - che richiede un Mac - questo funziona da Windows, macOS o Linux. Va bene qualsiasi computer su cui ci sia Chrome.

La preparazione, una volta sola

Sul telefono. Apri Impostazioni → Info sul telefono e tocca sette volte Numero build. Android ti dice che la modalità sviluppatore è attiva. Torna in Impostazioni → Sistema → Opzioni sviluppatore e attiva il debug USB. Il percorso esatto cambia da produttore a produttore; cercare “numero build” nell’app Impostazioni lo trova prima che andarlo a caccia.

Collegalo. Attacca il telefono al computer con un cavo che porti dati - un cavo di sola ricarica è il motivo più comune per cui non compare niente. Sblocca il telefono. Chiede se consentire il debug USB da questo computer; rispondi di sì.

Sul computer. Apri Chrome e vai su chrome://inspect#devices. Il tuo telefono compare con il suo nome, insieme all’elenco delle schede aperte. Fai clic su inspect accanto a quella che ti serve.

Gli strumenti per sviluppatori si aprono sul computer e stanno guidando il telefono. Hai la serie completa di pannelli - Elementi, Console, Rete, tutto - più una vista dal vivo dello schermo su cui puoi fare clic, che è davvero utile quando la persona che tiene il telefono è al telefono con te.

Senza cavo

Android 11 e successivi lo fanno via wi-fi. Nelle opzioni sviluppatore attiva il debug wireless, scegli “Accoppia dispositivo con codice di accoppiamento” e accoppia dal computer. Entrambi i dispositivi devono stare sulla stessa rete. È più lento di un cavo ed è la differenza fra fare debug alla scrivania e farlo dal divano.

Cos’altro compare lì

• Gli altri browser Chromium sul telefono - Samsung Internet, Edge - compaiono nello stesso elenco appena il debug è attivo.
• Firefox per Android no. Il suo equivalente è about:debugging nel Firefox da scrivania, con lo stesso interruttore del debug USB sul telefono.
• Una web view dentro un’app nativa compare solo se l’app è stata compilata con il debug delle web view abilitato. Per la tua app in una build di sviluppo è una riga. Per l’app di qualcun altro presa dallo store non è disponibile, ed è voluto.

La differenza con l’iPhone che vale la pena conoscere

Su iOS ogni browser disegna con WebKit, quindi un bug che si vede solo su un iPhone è spesso una differenza di motore che nessun browser da scrivania può riprodurre.

Android non è così. Chrome su Android è Blink, lo stesso motore di Chrome sulla tua scrivania, per cui la maggior parte dei bug di resa si riproduce nella modalità dispositivo da scrivania - la vista telefono negli strumenti per sviluppatori. Questo rende la modalità dispositivo un primo tentativo molto migliore qui di quanto non lo sia per iOS.

Quello che la modalità dispositivo continua a non darti è il resto del telefono: il comportamento tattile reale e le aree davvero toccabili, l’area visibile vera con la tastiera aperta, i limiti di memoria di un apparecchio economico, le differenze di GPU e tutto ciò che riguarda le condizioni di rete del dispositivo stesso. Quindi l’ordine che fa risparmiare tempo è: prova prima la modalità dispositivo e prendi il cavo quando il bug lì non si presenta.

Quando il telefono è di qualcun altro

Tutto quanto sopra dà per scontato che il telefono sia in mano tua. Di solito non lo è: un cliente ha segnalato che il tuo sito è rotto sul suo Android, e attivare la modalità sviluppatore sull’apparecchio di uno sconosciuto non è una richiesta che qualcuno farà mai.

Cosa chiedere invece, in ordine di quanto ti dice:

• Una registrazione dello schermo. Android registra lo schermo dal pannello delle impostazioni rapide. Cattura il comportamento, i tempi e quello che hanno toccato.
• Il browser e la versione. Quella di Chrome sta in Impostazioni → Informazioni su Chrome. “Android” non è una risposta - Chrome 152 su Android 16 lo è.
• Il testo esatto di qualsiasi errore, fotografato se è più facile che copiarlo.
• Se succede in una scheda in incognito, che separa la tua pagina da un’estensione, da una risorsa in cache o da un service worker vecchio.

Il nostro limite, detto chiaramente in una pagina che parla di telefoni: la nostra estensione è un’estensione Chrome da scrivania. Cattura la console e il log di rete su un computer, non su un telefono. Per un bug da scrivania toglie di mezzo tutto questo scambio, perché la metà tecnica arriva con la pressione di un pulsante. Per un bug che capita solo sull’Android di qualcuno, la registrazione e il numero di versione restano quello su cui lavori.

Riepilogo veloce

• Telefono: Impostazioni → Info sul telefono → toccare sette volte Numero build, poi Opzioni sviluppatore → debug USB.
• Computer: Chrome → chrome://inspect#devices → inspect.
• Usa un cavo dati, sblocca il telefono e accetta la richiesta.
• Android 11 e successivi possono accoppiarsi via wi-fi.
• Chrome su Android è lo stesso motore di Chrome da scrivania, quindi prova la modalità dispositivo prima di prendere il cavo.