Skip to content

-🔥 Come eseguire il debug delle pagine Web in Chrome per Android sul computer 🔥-

28 de Giugno de 2021

In qualità di amministratore del blog, ho eseguito il debug del mio sito Web personale utilizzando Chrome per vedere come sarebbero stati il ​​tema e le modifiche CSS prima di distribuirli in modo permanente sul server. Non molto tempo fa, quando non ho mai prestato attenzione alle pagine mobili poiché solo pochi visitatori hanno visitato il mio sito utilizzando uno smartphone. Ma oggi una percentuale significativa dei visitatori sono smartphone e tablet, e quindi è diventato necessario curare il loro aspetto e la loro presentazione.

Se fosse una pagina sul computer, si potrebbe facilmente eseguire il debug utilizzando l’opzione del menu di scelta rapida di Chrome, ma questa non è l’opzione con le pagine su dispositivi mobili. Quindi oggi ti mostrerò come puoi eseguire il debug di pagine Web mobili sul tuo computer utilizzando Chrome per Android e Android SDK.

Debug della pagina web

Passo 1: Scarica e installa l’SDK di Android sul tuo computer ed eseguilo. Il programma di installazione ti chiederà di scaricare Java se non lo hai installato.

Per la prima volta che esegui l’SDK di Android sul tuo computer, ti verrà chiesto di scaricare varie API e strumenti. Se l’unico scopo dell’installazione di Android SDK è eseguire il debug delle pagine, deseleziona tutto tranne Strumenti della piattaforma Android SDK e fai clic sul pulsante Installa pacchetto .

Passo 2: Dopo aver installato gli strumenti della piattaforma Android, apri Run Box (Windows + R) ed esegui % profilo utente %%% AppDataLocalAndroidandroid-sdkkplatform-tools per aprire la directory degli strumenti della piattaforma Android.

Passaggio 3: Ora tieni premuto il tasto Ctrl + Maiusc e fai clic con il pulsante destro del mouse sulla cartella per aprire la riga di comando. Puoi anche aprire il prompt dei comandi utilizzando la casella Esegui e accedere alla cartella manualmente.

Passaggio 4: Una volta fatto, apri Chrome sul tuo telefono Android, apri Impostazioni-> Strumenti per sviluppatori e seleziona l’opzione Abilita debug Web USB.

Passaggio 5: Ora sulla riga di comando esegui il comando adb forward tcp: 9222 localabstract: chrome_devtools_remote e apri il browser Chrome in Windows quando l’esecuzione ha esito positivo.

Passaggio 6: Apri la pagina di cui desideri eseguire il debug nel browser Chrome Android e apri l’URL host locale: 9222 nel browser Chrome sul tuo computer.

Ecco fatto, vedrai tutte le pagine aperte nel tuo browser Android come miniature sul tuo computer. Per aprire la pagina di debug, è sufficiente fare clic sull’immagine in miniatura del sito Web corrispondente. Potrai seguire le modifiche di debug che apporti sul tuo computer direttamente su Android in tempo reale.

Conclusione

Sono sicuro che questo trucco aiuterà molti sviluppatori web a ottimizzare le proprie pagine web per gli smartphone. Ho usato l’hack per impostare le mie pagine web e ha funzionato perfettamente. Tuttavia, se conosci un modo migliore per eseguire il debug delle pagine Web dello smartphone sul computer, condividilo con noi.

Ultimo aggiornamento 30th Settembre 2022