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

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

  • Comments 1
  • Likes

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.

image

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.

image

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:

image

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

Your comment has been posted.   Close
Thank you, your comment requires moderation so it may take a while to appear.   Close
Leave a Comment
  • Vcelku fajn... akorát nerozumím u JQuery... Detected version 1.5 (opravdu mám), Latest released Version 1.9 (což je pravda), Nearest compatible update 2.2 (kde to mám sakra sehnat, aniž bych to programoval, asi vize budoucna)