Testování kompatibility webových stránek – Modern.IE

Minulý týden Microsoft spustil webovou stránku modern.ie, která je sice určena především vývojářům, nicméně i z pohledu IT profesionála jde o zajímavé téma. Kromě informací o prohlížečích Internet Explorer zde totiž máte možnost otestovat svou webovou stránku, přičemž testy jsou primárně zaměřeny na fungování stránky v aktuálních prohlížečích IE9 a IE10, ale rovněž upozorňují na problémy s kompatibilitou u starších verzí IE, respektive prohlížečů třetích stran.

Možností testování je několik, nejjednodušší je volba Scan a webpage, kde stačí zadat URL a použít tlačítko Scan. Stránka je následně otestována na následující položky:

• Známé problémy s kompatibilitou – na základě předchozích zkušeností vytvořený seznam nejčastějších chyb, které způsobují problémy s kompatibilitou napříč prohlížeči
• Mód kompatibility – detekuje kód, který způsobuje problémy s prohlížením stránky v IE9 a IE10
• Frameworky a knihovny – test prozkoumává for jQuery, jQuery UI, jQuery Form, SWFObject, MooTools, Modernizr, a Prototype.js, které způsobují nejvíc problémů z hlediska kompatibility
• Web Standards Docmode – zkoumá, zda stránka dává prohlížeči informace o použití nových webových standardů typu HTML5 a CSS3
• CSS prefixy – test zkoumá, zda na stránce nechybí specifické prefixy, jejichž absence má vliv na kvalitu zobrazení v různých prohlížečích
• Plug-iny – kontroluje, zda stránka vyžaduje přítomnost plug-inu v prohlížeči
• Responsive web-design – kontroluje, zda stránka využívá media queries a umožňuje tak stejnou kvalitu zobrazení na malém tabletu, stejně jako na 24” monitoru
• Detekce prohlížeče – kontroluje, zda daná stránka umí detekovat klientský prohlížeč a podle toho nastavit optimální zobrazení
• Prohlížení dotykem – kontroluje, zda je stránka optimalizována pro prohlížení na zařízeních, jež jsou ovládána dotykem.
• Start Screen Site title – Windows 8 umožňují si určitou webovou stránku připnout jako dlaždici do menu Start, tento test kontroluje, zda daná webová stránka má k dispozici tuto funkci a nabídne uživateli dlaždici s odpovídajícím obrázkem.

U všech položek se kromě případného hlášení problému dozvíte i podrobnější informace včetně odkazů na stránky MSDN, kde zjistíte, jak daný problém případně opravit. Testy kontrolují pouze kód dané stránky, ono zkontrolovat vizuální podobu či vhodnou velikost tlačítek pro ovládání dotykem přece jen automaticky nelze, nicméně i tak jde o velmi efektivní a relativně jednoduchou cestu, jak své stránky vylepšit pro prohlížení v podstatě jakýmkoliv prohlížečem.

Kromě této možnosti stránka nabízí rozšířené testování, můžete například využít promo nabídku firmy BrowserStack, kdy můžete po dobu tří měsíců zdarma využívat jejich cloudovou službu pro testování webových stránek. Tato služba pak provede komplexní testování vaší webové stránky na nejrůznějších verzích internetových prohlížečů a operačních systémů, včetně zobrazení toho, jak daná stránka vypadá. Zde je příklad zobrazení stránky IEBlogu v Internet Exploreru 7 na Windows XP:

Další možností, která bude k dispozici v nejbližší době, bude možnost stáhnout si sadu virtuálních počítačů, s jejichž pomocí následně budete moci testovat své stránky i interně.

Pokud vás takováto možnost testování zajímá, neváhejte a modern.ie navštivte.

- Kanty