Med mobile platforme, der tegner sig for ca. 50 % af den globale webtrafik, er det sikkert at sige, at websteder skal optimeres til adgang via mobile enheder, hvis de skal have en chance for at få succes. Derfor arbejder virksomheder nu konstant på at give brugerne en fejlfri weboplevelse på mobile enheder. For udviklere og QA’er betyder dette omfattende test af webapplikationer på rigtige mobile enheder og browsere, der er populære blandt brugerne.
Android er ubestrideligt den mest populære mobile platform på planeten, idet den har taget 74 % af markedsandelen. Desuden er Chrome standardbrowser på de fleste Android-enheder. Chrome dominerer naturligvis det mobile browsersegment. Derfor er det obligatorisk at teste på en kombination af enhed og browser, der dominerer internetområdet.
Denne artikel har til formål at vejlede udviklere eller QA’er om, hvordan de kan fjernteste og debugge deres websteder til Chrome på rigtige Android-enheder.
Så lad os komme i gang.
Debugging af websteder på Android Chrome ved hjælp af BrowserStack Live
BrowserStack gør Chrome-debugging på rigtige Android-enheder ganske ubesværet. Udviklere får øjeblikkelig adgang til Chrome DevTools på deres valgte Android-håndsæt. Dette gør det nemt for testeren at spore specifikke fejl på en specifik enhed.
Følg nedenstående trin for at komme i gang med fjerndebugging på Android-Chrome.
- Tilmeld dig en gratis prøveperiode på BrowserStack Live.
- Når kontoen er oprettet, skal du navigere til Live Dashboard.
- Vælg Android blandt de tilgængelige styresystemer.
- Vælg den ønskede leverandør (Samsung, OnePlus osv.)
- Hovr over det ønskede håndsæt. (Lad os tage Samsung Galaxy S20 som eksempel), og klik på Chrome-ikonet. Dette vil starte en ny Chrome-session på en rigtig Samsung S20-enhed.
- Når sessionen er startet, kan brugerne blot navigere til det websted, de skal teste, og kan begynde at debugge ved hjælp af Chrome DevTools.
- Start Chrome DevTools fra den flydende værktøjslinje.
Skærmbilledet ovenfor viser, hvordan man kan bruge udviklerværktøjerne til at inspicere eller fejlfinde et bestemt webelement på Googles websted. Udviklerværktøjet giver udviklere og QA’er mulighed for at ændre og teste kode undervejs. Det giver mulighed for fejlsøgning af HTML-, CSS- og JavaScript-komponenter til webelementer.
Try Remote Debugging on Android for Free
Note: Man kan også teste sine websteder, der er under udvikling, ved hjælp af funktionen Local testing. Se denne komplette dokumentation om lokal testning for at komme i gang. Debugging i de indledende faser hjælper udviklere med at undgå kritiske fejl senere.
Test af websteder på flere rigtige enheder kræver et enhedslaboratorium på stedet. Sådanne laboratorier kræver en betydelig økonomisk investering, plus at det kan vise sig at være en meget kedelig opgave at opdatere og vedligeholde det. Derfor er det et omkostningseffektivt alternativ at bruge en cloud med rigtige enheder.
Læs også:
Også læs: Sådan inspicerer du elementet på Android
Platforme som BrowserStack styrker teams og individuelle udviklere ved at give dem den ideelle testinfrastruktur til fjerntestning. Organisationer behøver ikke at bekymre sig om at vedligeholde et on-premise enhedslaboratorium. De skal blot tilmelde sig gratis, vælge den ønskede kombination af enhed og browser og komme i gang. Derudover er funktioner som lokal test og DevTools på mobilbrowsere med til at fjerne smertepunkter ved testning og gøre processen mærkbart nemmere.