Testování webů v různých prohlížečích

Více Internet Explorerů

Na jednom systému Windows není standardní cestou provozovat různé IE. Naštěstí ale existuje několik možností, jak více versí Internet Exploreru na jednom počítači přece jenom dosáhnout.

Vývojářské nástroje

Pokud si aktualisujeme Internet Explorer na nejnovější, lze si ve vývojářských nástrojích (po stisknutí klávesy F12) přepínat režimy starších Explorerů.

Volba vykreslovacích režimů v IE 10

Stažení IE 10

IE Tester

Speciální program obsahující všechny Explorery se jmenuje IETester.

Volba jednotlivých IE v IETesteru

Stránka IE Testeru

Virtuální stroj

Virtuální stroj (virtual machine) slouží k provozování dalšího OS ze svého běžného systému. Microsoft připravil obrazy různých operačních systémů se všemi reálně používanými versemi Explorerů.

Trochu nevýhoda je, že nabízené operační systémy jsou aktivovány jen na 30 dní. Je proto potřeba po případném uzpůsobení si daného image vytvořit snapshot a minimálně jednou do měsíce se k němu vrátit.

Stažení image z modern.IE

Každé řešení má svoje.

  • Přepínání ve vývojářských nástrojích je nejjednodušší.
  • IE Tester poslouží tam, kde není nejnovější IE možné nainstalovat.
  • Používání IE ve virtuálním stroji zase zajistí 100% shodu se skutečnými prohlížeči. Předchozí dvě varianty mají drobné odchylky.

Opera, Firefox, Chrome

Tyto prohlížeče se mají tendenci u uživatele samy a často aktualisovat. Nová verse tu starou takřka kompletně vytlačí za pár měsíců. Navíc se jednotlivé verse moc neliší.

Následovně vypadá střídání jednotlivých Chromů za poslední rok (zdroj StatCounter.com).

Vývoj podílů jednotlivých versí Chrome

Starší verse prohlížečů je možné sehnat na stránce OldApps.com.

Prohlížeč Opera Prohlížeč Chrome Prohlížeč Firefox

Mobilní prohlížeče

Pod tímto pojmem rozumíme prohlížeče používané v přenosných zařízeních jako je chytrý telefon nebo tablet.

Opera Mobile

Mobilní Opera nabízí desktopový emulátor pro Windows, Mac i Linux.

Emulace mobilního prohlížeče Opera

Opera Mobile Emulator

Internet Explorer Mobile

V mobilních operačních systémech Windows Phone od Microsoftu se používají prohlížeče založené na stejném jádru jako desktopové Explorery. Zjednodušeně řečeno si stačí zmenšit okno běžného IE.

Pro věrnou simulaci lze použít emulátor celého systému Windows Phone.

Windows Phone SDK

Mobilní Chrome, Firefox, Safari

U ostatních prohlížečů platí totéž, co u mobilního IE. Pro základní simulaci stačí zmenšit okno běžného prohlížeče.

V Chromu je docela zajímavý nástroj ve vývojářských nástrojích (po stisknutí F12). Díky němu lze vybírat z běžných rozměrů mobilních zařízení, simulovat geolokaci, dotykové události a jiné.

Emulace mobilního zařízení v desktopovém Chrome

Pro naprosto věrnou simulaci mobilního prohlížeče na desktopovém OS by bylo (jako v případě IE) SDK daného systému.

Zobrazení screenshotu stránky

Pro zběžnou představu, zda není v jednotnosti webové stránky chyba, mohou posloužit služby tvořící náhledy.

Browsershots.org

BrowserStack

Tato služba nabízí kromě screenshotů webu ve všech možných prohlížečích i možnost přímo z vlastního prohlížeče živě testovat.

K disposici jsou všechny běžně používané prohlížeče a dokonce i mobilní Opera, Chrome (Android) a Safari (iOS).

Emulace mobilního zařízení přes webové rozhraní BrowserStack

Nevýhoda je, že BrowserStack není zdarma. Nabízí určitý čas k vyzkoušení, dlouhodobé používání stojí přibližně 20 dolarů za měsíc.

BrowserStack

Cross Browser Testing

Podobná služba jako BrowserStack, rovněž placená a se zkušebním provozem zdarma. Nezkoušel jsem.

Cross Browser Testing.com

Pro které prohlížeče optimalisovat?

Tím se zabývám v článku: Pro jaké prohlížeče ladit svůj web.

Loga všech prohlížečů

Kvalitní loga všech známých i méně známých prohlížečů.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Testování v MS Edge a IE

Testování v MS Edge a IE

Jak testovat stránky v různých versích Internet Exploreru a Edge ve Windows, Mac OS nebo v Linuxu.

Vývojářské nástroje v prohlížečích

Nástroje pro vývojáře v prohlížečích

Pro testování a ladění webu existují (nebo je lze snadno doplnit) ve všech rozšířených prohlížečích vývojářské nástroje.

Pro které prohlížeče optimalisovat

Pro jaké prohlížeče ladit svůj web

Jak určit, pro které prohlížeče webovou stránku optimalisovat.

Statistiky nejpoužívanějších prohlížečů

Statistiky prohlížečů

Statistiky používání internetových prohlížečů na webových stránkách v České republice a ve světě.

Komentáře