Přibližně 50 % celosvětového webového provozu připadá na mobilní platformy, a pokud chtějí mít webové stránky šanci na úspěch, musí být optimalizovány pro přístup z mobilních zařízení. Podniky proto nyní neustále pracují na tom, aby uživatelům poskytly bezchybné webové prostředí na mobilních zařízeních. Pro vývojáře a QA to znamená komplexní testování webových aplikací na skutečných mobilních zařízeních a prohlížečích, které jsou mezi uživateli oblíbené.
Android je bezesporu nejoblíbenější mobilní platformou na planetě, která získala 74% podíl na trhu. Chrome je navíc výchozím prohlížečem většiny zařízení se systémem Android. Chrome přirozeně dominuje v segmentu mobilních prohlížečů. Testování na kombinaci zařízení a prohlížeče, která dominuje internetovému prostoru, je tedy povinné.
Tento článek si klade za cíl poradit vývojářům nebo QA, jak mohou vzdáleně testovat a ladit své webové stránky pro Chrome na reálných zařízeních se systémem Android.
Začněme tedy.
Ladění webových stránek na Android Chrome pomocí BrowserStack Live
BrowserStack umožňuje poměrně snadné ladění Chrome na reálných zařízeních se systémem Android. Vývojáři získají okamžitý přístup k DevTools Chrome na vybraném telefonu se systémem Android. Díky tomu může tester snadno vysledovat konkrétní chyby na konkrétním zařízení.
Podle níže uvedených kroků můžete začít se vzdáleným laděním v systému Android-Chrome.
- Zaregistrujte se k bezplatné zkušební verzi služby BrowserStack Live.
- Po vytvoření účtu přejděte na ovládací panel Live.
- Z dostupných operačních systémů vyberte Android.
- Vyberte požadovaného výrobce (Samsung, OnePlus atd.)
- Najeďte na požadovaný telefon. (Jako příklad uveďme Samsung Galaxy S20) a klikněte na ikonu Chrome. Tím se zahájí nová relace Chrome na skutečném zařízení Samsung S20.
- Po zahájení relace mohou uživatelé jednoduše přejít na webovou stránku, kterou potřebují otestovat, a mohou začít ladit pomocí nástrojů Chrome DevTools.
- Spustit Chrome DevTools z plovoucího panelu nástrojů.
Výše uvedený snímek obrazovky zobrazuje, jak lze pomocí vývojářských nástrojů kontrolovat nebo ladit konkrétní webový prvek na webu Google. Vývojářský nástroj umožňuje vývojářům a kvalitářům upravovat a testovat kód za běhu. To umožňuje ladění prvků HTML, CSS a JavaScript pro webové prvky.
Vyzkoušejte si vzdálené ladění v systému Android zdarma
Poznámka: Pomocí funkce místního testování lze také testovat své webové stránky, které jsou právě ve vývoji. Pro začátek se podívejte na tuto kompletní dokumentaci k Místnímu testování. Ladění v počátečních fázích pomáhá vývojářům vyhnout se později kritickým chybám.
Testování webových stránek na více reálných zařízeních vyžaduje laboratoř zařízení na místě. Takové laboratoře vyžadují značné finanční investice a navíc se jejich aktualizace a údržba může ukázat jako velmi zdlouhavý úkol. V důsledku toho je použití cloudu reálných zařízení nákladově efektivní alternativou.
Také si přečtěte: Jak zkontrolovat prvek v systému Android
Platformy jako BrowserStack umožňují týmům i jednotlivým vývojářům, protože jim poskytují ideální testovací infrastrukturu pro vzdálené testování. Organizace se nemusí starat o údržbu lokální laboratoře zařízení. Stačí se zdarma zaregistrovat, vybrat požadovanou kombinaci zařízení a prohlížeče a začít. Funkce, jako je místní testování a nástroje DevTools v mobilních prohlížečích, navíc pomáhají eliminovat bolestivé body testování a celý proces znatelně usnadňují.