Come eseguire il debug remoto di app Web e siti Web Android in Linux

Il debug di siti Web e app Web destinati ai dispositivi mobili può aiutare a risolvere i problemi e migliorare l'esperienza utente sui dispositivi palmari hand. Questo articolo spiegherà come eseguire il debug di qualsiasi sito Web in esecuzione in un browser o visualizzazione Web basato su Chrome/Chromium su un dispositivo Android. Nota che Firefox supporta anche il debug remoto da dispositivi Android. Tuttavia, non sono riuscito a farlo funzionare sul mio sistema Linux, quindi l'articolo tratterà solo le istruzioni per il debug di siti Web/app Web resi nel browser Chrome o visualizzazioni Web basate su Chrome/Chromium su un dispositivo Android.

Per eseguire il debug di qualsiasi pagina Web attualmente visibile nel browser Chrome o nella visualizzazione Web su un dispositivo Android, dovrai abilitare il debug USB e connettere il tuo dispositivo Android a un PC Linux tramite un cavo USB.

Abilitazione del debug USB su un dispositivo Android

L'interruttore di debug USB può essere trovato nel menu nascosto "Opzioni sviluppatore" sui dispositivi Android. Per abilitare la visualizzazione delle opzioni sviluppatore, devi toccare la voce "Numero build" 7 volte nelle impostazioni di sistema. Poiché esistono numerosi dispositivi Android con diverse interfacce utente e versioni, non esiste un modo standard stabilito per trovare il numero di build. Puoi utilizzare la barra di ricerca nelle impostazioni del sistema Android per individuare e andare direttamente all'opzione del numero di build, oppure puoi navigare manualmente nelle impostazioni di sistema per trovarlo. Di solito, si trova nello stesso menu che mostra la versione del kernel Linux su un dispositivo Android.

Dopo aver abilitato le opzioni sviluppatore, attiva l'interruttore per il debug USB. Fare attenzione a non toccare altre impostazioni nelle opzioni sviluppatore poiché una configurazione errata può portare alla rottura del sistema. Per riferimento, ecco come appare l'opzione di debug USB sul mio dispositivo Android Samsung:

Installazione di Android Debug Bridge (ADB) su Linux

ADB è uno strumento di debug ufficiale fornito da Google per eseguire il debug del sistema operativo Android e dei dispositivi Android. Facilita la condivisione dei dati e la comunicazione tra un PC e un dispositivo Android. ADB è necessario per il debug remoto di una pagina Web attualmente attiva su un dispositivo Android. Viene anche utilizzato per autenticare e verificare la connessione del tuo dispositivo Android con il tuo PC Linux.

Per installare ADB su Ubuntu, esegui il comando seguente:

$ sudo apt install adb

I pacchetti ADB sono disponibili per impostazione predefinita su quasi tutte le principali distribuzioni Linux. Se stai utilizzando una distribuzione Linux diversa da Ubuntu, cerca il termine "ADB" nel gestore pacchetti e installalo da lì.

Ora collega il tuo dispositivo Android al tuo sistema Linux tramite un cavo USB. Se stai collegando per la prima volta il tuo dispositivo Android abilitato per il debug USB, riceverai una richiesta di autorizzazione sul tuo dispositivo Android. Devi accettarlo per procedere oltre. Esegui il comando seguente dopo aver accettato la richiesta per verificare la connessione riuscita e lo stato di autenticazione:

$ dispositivi adb

Lo screenshot qui sotto mostra l'output del comando. Se è possibile vedere un numero di serie sotto l'intestazione "Elenco dei dispositivi collegati", la connessione è stata effettuata con successo. Se è presente una parola chiave "non autorizzato" proprio accanto al numero di serie, scollegare il dispositivo, ricollegarlo e quindi accettare nuovamente la richiesta di autorizzazione (potresti aver perso la richiesta o averlo chiuso accidentalmente).

Debug remoto di una pagina Web mobile sul browser Chrome desktop

Digita l'URL "chrome://inspect/#devices" nella barra degli indirizzi di Chrome e premi il tasto Invio. Seleziona la casella di controllo "Scopri dispositivi USB". Ora sarai in grado di vedere un elenco di tutti i siti Web/app Web aperti in Chrome, Chromium o qualsiasi browser o visualizzazione Web basato su Chrome/Chromium sul tuo dispositivo Android.

Basta fare clic sul collegamento "ispeziona" per avviare il debug. Otterrai lo stesso set completo di strumenti per sviluppatori disponibile per il debug di siti Web su un PC desktop.

Tieni presente che il sito Web o l'app Web del tuo debug dovrebbero essere visibili e attivi sul tuo dispositivo Android. Se cambi app, scheda o spegni lo schermo, l'area di anteprima potrebbe essere disattivata.

Conclusione

Connettere il tuo dispositivo Android a un PC Linux per i siti Web di debug remoto è piuttosto semplice e richiede un paio di passaggi. Sebbene sia possibile eseguire il debug di layout reattivi e simulare visualizzazioni mobili sul desktop stesso, il debug remoto è particolarmente utile se si sviluppano app ibride per Android o si utilizzano visualizzazioni Web.