Mivel a globális webes forgalom mintegy 50%-át a mobil platformok teszik ki, nyugodtan kijelenthetjük, hogy a weboldalakat mobileszközökön való elérésre kell optimalizálni, ha esélyt akarnak adni a sikerre. Következésképpen a vállalkozások ma már folyamatosan azon dolgoznak, hogy a felhasználóknak hibátlan webes élményt nyújtsanak a mobileszközökön. A fejlesztők és a minőségbiztosítók számára ez a webalkalmazások átfogó tesztelését jelenti valódi mobileszközökön és a felhasználók körében népszerű böngészőkben.
Az Android vitathatatlanul a legnépszerűbb mobilplatform a bolygón, 74%-os piaci részesedéssel. Ráadásul a Chrome az alapértelmezett böngésző a legtöbb Android-eszközön. Természetesen a Chrome uralja a mobil böngészők szegmensét. Így az internetes teret uraló eszköz-böngésző kombináción való tesztelés kötelező.
Ez a cikk célja, hogy útmutatást adjon a fejlesztőknek vagy a minőségbiztosítóknak arról, hogyan tudják távolról tesztelni és hibakeresést végezni a Chrome-hoz készült webhelyeiket valódi Android-eszközökön.
Elkezdjük tehát.
Webhelyek hibakeresése Android Chrome-on a BrowserStack Live használatával
A BrowserStack segítségével a Chrome hibakeresése valódi Android-eszközökön meglehetősen könnyűvé válik. A fejlesztők azonnali hozzáférést kapnak a Chrome DevToolshoz a kiválasztott Android készülékükön. Ez megkönnyíti a tesztelő számára, hogy konkrét hibák nyomára bukkanjon egy adott eszközön.
Az alábbi lépéseket követve elkezdheti a távoli hibakeresést Android-Chrome-on.
- Regisztráljon a BrowserStack Live ingyenes próbaverziójára.
- A fiók létrehozása után navigáljon a Live Dashboardra.
- A rendelkezésre álló operációs rendszerek közül válassza az Androidot.
- Válassza ki a kívánt gyártót (Samsung, OnePlus stb.)
- Lépjen a kívánt készülék fölé. (Vegyük példának a Samsung Galaxy S20 készüléket), és kattintsunk a Chrome ikonra. Ez egy új Chrome munkamenetet indít egy valódi Samsung S20 készüléken.
- A munkamenet elindítása után a felhasználók egyszerűen navigálhatnak a tesztelni kívánt weboldalra, és elkezdhetik a hibakeresést a Chrome DevTools segítségével.
- A Chrome DevTools elindítása a lebegő eszköztárból.
A fenti képernyőkép azt mutatja, hogyan lehet a fejlesztői eszközöket használni a Google weboldal egy adott webelemének vizsgálatára vagy hibakeresésére. A fejlesztői eszköz lehetővé teszi a fejlesztők és a minőségbiztosítók számára, hogy menet közben módosítsák és teszteljék a kódot. Ez lehetővé teszi a webelemek HTML, CSS, JavaScript komponenseinek hibakeresését.
Próbálja ki a távoli hibakeresést Androidon ingyen
Megjegyzés: Az éppen fejlesztés alatt álló webhelyeit a helyi tesztelési funkció segítségével is tesztelheti. Az induláshoz tekintse meg ezt a teljes dokumentációt a Helyi tesztelésről. A kezdeti szakaszban végzett hibakeresés segít a fejlesztőknek elkerülni a későbbi kritikus hibákat.
A weboldalak több valós eszközön történő teszteléséhez helyszíni eszközlaborra van szükség. Az ilyen laboratóriumok jelentős pénzügyi befektetést igényelnek, ráadásul frissítésük és karbantartásuk igen fárasztó feladatnak bizonyulhat. Ennek eredményeképpen a valós eszközfelhő használata költséghatékony alternatíva.
Még olvassa el:
A BrowserStackhez hasonló platformok lehetővé teszik a csapatok és az egyéni fejlesztők számára, hogy ideális tesztelési infrastruktúrát biztosítanak számukra a távoli teszteléshez. A szervezeteknek nem kell aggódniuk egy helyszíni eszközlabor fenntartása miatt. Csak ingyenesen fel kell iratkozniuk, ki kell választaniuk a kívánt eszköz-böngésző kombinációt, és máris indulhatnak. Emellett az olyan funkciók, mint a Helyi tesztelés és a DevTools a mobil böngészőkön segítenek kiküszöbölni a tesztelés fájdalmas pontjait, és érezhetően megkönnyítik a folyamatot.