Med mobila plattformar som står för cirka 50 % av den globala webbtrafiken är det säkert att säga att webbplatser måste optimeras för åtkomst via mobila enheter om de ska ha en chans att lyckas. Följaktligen arbetar företag nu ständigt för att ge användarna en felfri webbupplevelse på mobila enheter. För utvecklare och QAs innebär detta omfattande tester av webbapplikationer på riktiga mobila enheter och webbläsare som är populära bland användarna.
Android är otvivelaktigt den mest populära mobila plattformen på planeten, med en marknadsandel på 74 %. Chrome är dessutom standardwebbläsare för de flesta Android-enheter. Chrome dominerar naturligtvis segmentet för mobila webbläsare. Därför är det obligatoriskt att testa på en kombination av enhet och webbläsare som dominerar internetutrymmet.
Denna artikel syftar till att vägleda utvecklare eller QAs om hur de kan fjärrtesta och felsöka sina webbplatser för Chrome på riktiga Android-enheter.
Så låt oss börja.
Felsökning av webbplatser på Android Chrome med BrowserStack Live
BrowserStack gör felsökning av Chrome på riktiga Android-enheter ganska enkelt. Utvecklare får omedelbar tillgång till Chrome DevTools på den valda Android-mobilen. Detta gör det enkelt för testaren att spåra specifika buggar på en specifik enhet.
Följ stegen nedan för att komma igång med fjärrdebuggning på Android-Chrome.
- Registrera dig för en gratis provperiod på BrowserStack Live.
- När kontot är skapat navigerar du till Live Dashboard.
- Från de tillgängliga operativsystemen väljer du Android.
- Välj önskad leverantör (Samsung, OnePlus osv.)
- Hoppa över önskad handenhet. (Låt oss ta Samsung Galaxy S20 som exempel) och klicka på Chrome-ikonen. Detta kommer att initiera en ny Chrome-session på en riktig Samsung S20-enhet.
- När sessionen börjar kan användarna helt enkelt navigera till den webbplats de behöver testa och börja felsöka med hjälp av Chrome DevTools.
- Starta Chrome DevTools från det flytande verktygsfältet.
Skärmdumpen ovan visar hur man kan använda utvecklarverktygen för att inspektera eller felsöka ett specifikt webmelement på Googles webbplats. Med utvecklarverktyget kan utvecklare och kvalitetssäkrare ändra och testa kod i farten. Detta gör det möjligt att felsöka HTML-, CSS- och JavaScript-komponenter för webmelement.
Try Remote Debugging on Android for Free
Note: Man kan också testa sina webbplatser som håller på att utvecklas med hjälp av funktionen Local testing. Se den här fullständiga dokumentationen om lokal testning för att komma igång. Debugging i de inledande skedena hjälper utvecklare att undvika kritiska fel senare.
Testning av webbplatser på flera riktiga enheter kräver ett enhetslabb på plats. Sådana labb kräver betydande ekonomiska investeringar, plus att uppdatering och underhåll kan visa sig vara en mycket tråkig uppgift. Därför är användningen av ett moln för riktiga enheter ett kostnadseffektivt alternativ.
Och läs vidare: Hur man inspekterar element på Android
Plattformar som BrowserStack stärker team och enskilda utvecklare genom att förse dem med den idealiska testinfrastrukturen för fjärrtestning. Organisationer behöver inte oroa sig för att upprätthålla ett enhetslabb på plats. De behöver bara registrera sig gratis, välja önskad kombination av enhet och webbläsare och komma igång. Dessutom bidrar funktioner som lokal testning och DevTools på mobila webbläsare till att eliminera smärtsamma testpunkter och göra processen märkbart enklare.