Con le piattaforme mobili che rappresentano circa il 50% del traffico web globale, si può dire che i siti web devono essere ottimizzati per l’accesso attraverso i dispositivi mobili se vogliono avere una possibilità di successo. Di conseguenza, le aziende stanno lavorando costantemente per fornire agli utenti un’esperienza web impeccabile sui dispositivi mobili. Per gli sviluppatori e i QA, questo si traduce in test completi delle applicazioni web su dispositivi mobili reali e sui browser che sono popolari tra gli utenti.
Android è indiscutibilmente la piattaforma mobile più popolare del pianeta, avendo catturato il 74% della quota di mercato. Inoltre, Chrome è il browser predefinito per la maggior parte dei dispositivi Android. Naturalmente, Chrome domina il segmento dei browser mobili. Quindi, testare su una combinazione dispositivo-browser che domina lo spazio internet è obbligatorio.
Questo articolo ha lo scopo di guidare gli sviluppatori o i QA su come possono testare e fare il debug dei loro siti web per Chrome in remoto su veri dispositivi Android.
Perciò iniziamo.
Debugging di siti web su Android Chrome usando BrowserStack Live
BrowserStack rende il debug di Chrome su veri dispositivi Android senza sforzo. Gli sviluppatori ottengono un accesso istantaneo a Chrome DevTools sul loro portatile Android scelto. Questo rende facile per il tester rintracciare bug specifici su un dispositivo specifico.
Segui i passi qui sotto per iniziare il debug remoto su Android-Chrome.
- Iscriviti per una prova gratuita su BrowserStack Live.
- Una volta creato l’account, naviga verso il Live Dashboard.
- Dai sistemi operativi disponibili, scegli Android.
- Scegli il fornitore desiderato (Samsung, OnePlus, ecc)
- Sopra il portatile desiderato. (Prendiamo Samsung Galaxy S20 come esempio) e clicca sull’icona di Chrome. Questo avvierà una nuova sessione di Chrome su un vero dispositivo Samsung S20.
- Una volta iniziata la sessione, gli utenti possono semplicemente navigare al sito web che hanno bisogno di testare e possono iniziare il debug utilizzando Chrome DevTools.
- Avvia Chrome DevTools dalla barra degli strumenti fluttuante.
Lo screenshot qui sopra mostra come si possono usare gli strumenti di sviluppo per ispezionare o eseguire il debug di un elemento web specifico sul sito di Google. Lo strumento sviluppatore permette agli sviluppatori e agli AQ di modificare e testare il codice al volo. Questo permette il debug di componenti HTML, CSS, JavaScript per elementi web.
Prova il debug remoto su Android gratuitamente
Nota: Si possono anche testare i loro siti web attualmente in sviluppo utilizzando la funzione di test locale. Fate riferimento a questa documentazione completa sul Local Testing per iniziare. Il debugging nelle fasi iniziali aiuta gli sviluppatori a evitare bug critici in seguito.
Testare i siti web su più dispositivi reali richiede un laboratorio di dispositivi in sede. Tali laboratori richiedono un investimento finanziario significativo, inoltre l’aggiornamento e la manutenzione possono rivelarsi un compito molto noioso. Di conseguenza, l’utilizzo di una nuvola di dispositivi reali è un’alternativa conveniente.
Leggi anche: Come ispezionare gli elementi su Android
Piattaforme come BrowserStack potenziano i team e i singoli sviluppatori fornendo loro l’infrastruttura di test ideale per i test in remoto. Le organizzazioni non devono preoccuparsi di mantenere un laboratorio di dispositivi in loco. Hanno solo bisogno di iscriversi gratuitamente, scegliere la combinazione dispositivo-browser desiderata e iniziare. Inoltre, caratteristiche come Local testing e DevTools sui browser mobili aiutano a eliminare i punti dolenti dei test e rendono il processo notevolmente più facile.