Weboví vývojáři často testují web v konkrétním prohlížeči (například Chrome) opakovaně během fáze vývoje. To jim pomáhá ověřit, jak se každá změna jejich kódové základny odráží v prohlížeči. Tento proces zajišťuje, že weboví vývojáři optimalizují své stránky pro skutečný svět.
vývojáři však musí také mít na paměti, že 52% celkového webového provozu pochází z mobilních zařízení. V důsledku toho musí zajistit, aby jejich webové stránky byly dobře optimalizovány pro provoz v mobilních prohlížečích., Chrome je bezpochyby předním mobilním prohlížečem se současným podílem na trhu 61, 2% po celém světě. Testování mobilních verzí webových stránek v prohlížeči Chrome je proto zásadní.
cílem tohoto článku je vysvětlit, jak mohou vývojáři zobrazit mobilní verzi webu v prohlížeči Chrome prostřednictvím počítače. Vysvětluje také, jak lze testovat webové stránky na skutečných mobilních zařízeních.
nejprve pochopíme, jak mohou uživatelé okamžitě zobrazit mobilní verzi jakéhokoli webu.
použití simulace zařízení v prohlížeči Chrome DevTools pro mobilní zobrazení
uživatelé mohou zobrazit mobilní verzi webu pomocí prohlížeče Chrome Devtools.,
níže jsou uvedeny kroky pro zobrazení mobilní verze webu v prohlížeči Chrome:
- otevřete DevTools stisknutím klávesy F12.
- klikněte na“ nástroj pro přepínání zařízení “ k dispozici. (Ikona se změní na modrou, když je zařízení v režimu zapnuto)
- Vyberte zařízení, které chcete simulovat ze seznamu iOS a Android zařízení.
- jakmile je vybráno požadované zařízení, zobrazí mobilní zobrazení webu.
Poznámka: Tento přístup umožňuje simulovat různé pohledy na ploše prohlížeči., Nejedná se však o nejpřesnější způsob testování mobilní verze webu v prohlížeči Chrome, protože se jedná pouze o simulaci zařízení. Nemůže simulovat všechny aspekty skutečného mobilního zařízení.
Pro webové vývojáře, aby získali přesné výsledky, postřehy, rozsáhlé testování na reálných zařízení je non-obchodovatelné. Umožňuje jim ověřit webové stránky v reálných uživatelských podmínkách.
skutečný Cloud zařízení BrowserStack pro živé testování
ideální způsob, jak otestovat webové stránky na jakémkoli mobilním zařízení, je skutečně otestovat na skutečném zařízení., To pomáhá vývojářům sledovat jejich webové stránky v mobilních prohlížečích, které jsou nainstalovány na skutečných zařízeních Android a iOS. QAs tak může vyhodnotit, jak web funguje na více mobilních zařízeních a prohlížečích v reálném světě.
skutečný cloud zařízení BrowserStack poskytuje 2000 + reálných zařízení a prohlížečů pro testování.,
několik z jeho vrcholů:
- Nejnovější zařízení se systémem Android od společnosti Samsung, Oneplus, Google a Motorola
- Nejnovější zařízení Apple, jako je iPhone X, 11 Pro iPhone
- Více verzí předních prohlížečů, jako je Chrome, Firefox, Safari, Opera nainstalován na reálném zařízení
QAs můžete vyzkoušet na skutečné Android nebo iOS mobilního zařízení přímo ze svého prohlížeče. Nemusí stahovat žádné prohlížeče ani emulátory. Jednoduše se přihlaste, vyberte kombinaci zařízení-prohlížeč-OS a spusťte testování., Obrázek níže je přesná reprezentace živé testovací relace (testování prohlížeče Chrome na Samsung S10+) na BrowserStack.,
Zobrazit Mobilní Verzi na Reálném Zařízení Cloud Zdarma
BrowserStack také poskytuje následující funkce :
- Předem za přístup k DevTools, který umožňuje kontroly webové prvky na stránce
- Geo-umístění testování
- Integrace s populární bug reporting nástrojů, jako je Jira, Trello, a Slack
- Testování funkcí, jako je pinch zoom a otáčení zařízení
metody je vysvětleno výše, může pomoci vývojářům odstranit jejich bolest body při ladění jakéhokoliv problému., Tyto metody také pomáhají optimalizovat výkon webových stránek na více zařízeních.