Met mobiele platforms die goed zijn voor ongeveer 50% van het wereldwijde webverkeer, kunnen we gerust stellen dat websites moeten worden geoptimaliseerd voor toegang via mobiele apparaten als ze een kans op succes willen hebben. Bijgevolg zijn bedrijven nu voortdurend bezig om gebruikers een vlekkeloze webervaring te bieden op mobiele apparaten. Voor ontwikkelaars en QA’s vertaalt dit zich in het uitgebreid testen van webapplicaties op echte mobiele apparaten en browsers die populair zijn onder gebruikers.
Android is ontegenzeggelijk het populairste mobiele platform op de planeet, met een marktaandeel van 74%. Bovendien is Chrome de standaardbrowser voor de meeste Android-apparaten. Uiteraard domineert Chrome het segment van mobiele browsers. Testen op een apparaat-browsercombinatie die de internetruimte domineert, is dus verplicht.
Dit artikel is bedoeld om ontwikkelaars of QA’s te laten zien hoe ze hun websites voor Chrome op afstand kunnen testen en debuggen op echte Android-apparaten.
Dus laten we beginnen.
Websites debuggen op Android Chrome met BrowserStack Live
BrowserStack maakt het debuggen van Chrome op echte Android-apparaten heel eenvoudig. Ontwikkelaars krijgen direct toegang tot Chrome DevTools op hun gekozen Android-toestel. Dit maakt het gemakkelijk voor de tester om specifieke bugs te traceren op een specifiek apparaat.
Volg de onderstaande stappen om aan de slag met remote debugging op Android-Chrome.
- Meld u aan voor een gratis proefversie op BrowserStack Live.
- Zodra de account is aangemaakt, navigeert u naar het Live Dashboard.
- Van de beschikbare besturingssystemen, kiest u Android.
- Kies de gewenste leverancier (Samsung, OnePlus, enz.)
- Hoog uw muis over de gewenste handset. (Laten we Samsung Galaxy S20 als voorbeeld nemen) en klik op het Chrome-pictogram. Dit start een nieuwe Chrome-sessie op een echte Samsung S20 apparaat.
- Zodra de sessie begint, kunnen gebruikers gewoon navigeren naar de website die ze nodig hebben om te testen en kunnen beginnen met debuggen met behulp van Chrome DevTools.
- Start Chrome DevTools vanuit de zwevende werkbalk.
De bovenstaande schermafbeelding laat zien hoe men ontwikkelaarstools kan gebruiken om een specifiek webelement op de Google-website te inspecteren of te debuggen. Met het ontwikkelaarshulpmiddel kunnen ontwikkelaars en QA’s code tijdens het gebruik wijzigen en testen. Hiermee kunnen HTML-, CSS- en JavaScript-componenten voor webelementen worden gedebugd.
Probeer gratis debuggen op afstand op Android
Note: u kunt uw websites die momenteel worden ontwikkeld ook testen met de functie Lokaal testen. Raadpleeg de volledige documentatie over Lokaal testen om aan de slag te gaan. Door in de beginfase te debuggen, kunnen ontwikkelaars voorkomen dat er later kritieke bugs optreden.
Voor het testen van websites op meerdere echte apparaten is een on-premise apparaatlaboratorium nodig. Dergelijke labs vereisen een aanzienlijke financiële investering, plus het bijwerken en onderhouden ervan kan een zeer vervelende taak blijken te zijn. Als gevolg hiervan is het gebruik van een real device cloud een kosteneffectief alternatief.
Lees ook: Hoe element te inspecteren op Android
Platforms zoals BrowserStack empoweren teams en individuele ontwikkelaars door hen de ideale testinfrastructuur te bieden voor testen op afstand. Organisaties hoeven zich geen zorgen te maken over het onderhouden van een on-premise device lab. Ze hoeven zich alleen maar gratis aan te melden, de gewenste apparaat-browsercombinatie te kiezen en aan de slag te gaan. Bovendien helpen functies als Lokaal testen en DevTools op mobiele browsers pijnpunten bij het testen te elimineren en het proces merkbaar eenvoudiger te maken.