Mobiilialustojen osuus maailmanlaajuisesta verkkoliikenteestä on noin 50 prosenttia, joten on turvallista sanoa, että verkkosivustot on optimoitava mobiililaitteiden kautta tapahtuvaa käyttöä varten, jos ne haluavat menestyä. Näin ollen yritykset työskentelevät nyt jatkuvasti tarjotakseen käyttäjille virheettömän verkkokokemuksen mobiililaitteilla. Kehittäjille ja laadunvarmistajille tämä tarkoittaa verkkosovellusten kattavaa testausta todellisilla mobiililaitteilla ja käyttäjien suosimilla selaimilla.
Android on kiistatta planeetan suosituin mobiilialusta, sillä sen markkinaosuus on 74 prosenttia. Lisäksi Chrome on useimpien Android-laitteiden oletusselain. Luonnollisesti Chrome hallitsee mobiiliselainten segmenttiä. Näin ollen testaaminen laite-selain-yhdistelmällä, joka hallitsee internet-aluetta, on pakollista.
Tämän artikkelin tarkoituksena on opastaa kehittäjiä tai laadunvarmistajia siinä, miten he voivat etätestata ja debugata verkkosivustojaan Chromella todellisilla Android-laitteilla.
Aloitetaan siis.
Sivustojen debuggaus Androidin Chrome-selaimella BrowserStack Liven avulla
BrowserStackilla Chromen debuggaus todellisilla Android-laitteilla on melko vaivatonta. Kehittäjät saavat välittömästi käyttöönsä Chrome DevTools -työkalut valitsemallaan Android-laitteella. Näin testaajan on helppo jäljittää tiettyjä vikoja tietyssä laitteessa.
Seuraa alla olevia ohjeita, niin pääset alkuun etävianmäärityksessä Android-Chromella.
- Rekisteröidy BrowserStack Liven ilmaiseen kokeilujaksoon.
- Kun tili on luotu, siirry Live Dashboardiin.
- Vapaana olevista käyttöjärjestelmistä valitse Android.
- Valitse haluamasi valmistaja (Samsung, OnePlus jne.)
- Valitse haluamasi luuri. (Otetaan esimerkkinä Samsung Galaxy S20) ja napsauta Chrome-kuvaketta. Tämä käynnistää uuden Chrome-istunnon aidossa Samsung S20 -laitteessa.
- Kun istunto alkaa, käyttäjät voivat yksinkertaisesti siirtyä testaamaansa verkkosivustoon ja aloittaa virheenkorjauksen Chrome DevToolsilla.
- Käynnistä Chrome DevTools kelluvasta työkalupalkista.
Yllä olevassa kuvakaappauksessa kuvataan, miten kehittäjätyökalujen avulla voi tarkastaa tai debugata tietyn web-elementin Googlen verkkosivustolla. Kehittäjätyökalun avulla kehittäjät ja laadunvarmistajat voivat muokata ja testata koodia lennossa. Tämä mahdollistaa web-elementtien HTML-, CSS- ja JavaScript-komponenttien virheenkorjauksen.
Kokeile etävirheenkorjausta Androidissa ilmaiseksi
Huomautus: Parhaillaan kehitteillä olevia verkkosivuja voi testata myös paikallisen testausominaisuuden avulla. Tutustu tähän täydelliseen dokumentaatioon paikallisesta testauksesta päästäksesi alkuun. Virheenkorjaus alkuvaiheessa auttaa kehittäjiä välttämään kriittiset virheet myöhemmin.
Sivustojen testaaminen useilla todellisilla laitteilla edellyttää paikallista laitelaboratoriota. Tällaiset laboratoriot vaativat huomattavia taloudellisia investointeja, minkä lisäksi sen päivittäminen ja ylläpito voi osoittautua hyvin työläs tehtäväksi. Tämän vuoksi todellisen laitepilven käyttäminen on kustannustehokas vaihtoehto.
Lue myös:
BrowserStackin kaltaiset alustat antavat tiimeille ja yksittäisille kehittäjille mahdollisuuksia tarjoamalla heille ihanteellisen testausinfrastruktuurin etätestausta varten. Organisaatioiden ei tarvitse huolehtia paikallisen laitelaboratorion ylläpitämisestä. Niiden tarvitsee vain rekisteröityä ilmaiseksi, valita haluttu laite-selain-yhdistelmä ja aloittaa. Lisäksi ominaisuudet, kuten paikallinen testaus ja DevTools mobiiliselaimissa, auttavat poistamaan testauksen kipupisteet ja tekevät prosessista huomattavasti helpomman.