Minulý týždeň Microsoft spustil webovú stránku modern.ie, ktorá je síce určená predovšetkým vývojárom, ale aj z pohľadu IT profesionála ide o zaujímavú tému. Okrem informácií o prehliadačoch Internet Explorer tu totiž máte možnosť otestovať svoju webovú stránku, pričom testy sú primárne zamerané na fungovanie stránky v aktuálnych prehliadačoch IE9 a IE10, ale tiež upozorňujú na problémy s kompatibilitou pri starších verziách IE, respektíve prehliadačov tretích strán.
Možností testovania je niekoľko, najjednoduchšia je voľba Scan a webpage, kde stačí zadať URL a použiť tlačidlo Scan. Stránka je následne otestovaná na nasledujúce položky:
- Známe problémy s kompatibilitou - na základe predchádzajúcich skúseností vytvorený zoznam najčastejších chýb, ktoré spôsobujú problémy s kompatibilitou naprieč prehliadačmi
- Mód kompatibility - detekuje kód, ktorý spôsobuje problémy s prehliadaním stránky v IE9 a IE10
- Framework a knižnice - test skúma for jQuery, jQuery UI, jQuery Form, SWFObject, MooTools, Modernizr, a Prototype.js, ktoré spôsobujú najviac problémov z hľadiska kompatibility
- Web Standards Docmode - skúma, či stránka dáva prehliadačom informácie o použití nových webových štandardov typu HTML5 a CSS3
- CSS prefixy - test skúma, či na stránke nechýbajú špecifické prefixy, ktorých absencia má vplyv na kvalitu zobrazenia v rôznych prehliadačoch
- Plug-iny - kontroluje, či stránka vyžaduje prítomnosť plug-inov v prehliadači
- Responsive web-design - kontroluje, či stránka využíva media queries a umožňuje tak rovnakú kvalitu zobrazenia na malom tablete, rovnako ako na 24 "monitore
- Detekcia prehliadača - kontroluje, či daná stránka vie detekovať klientský prehliadač a podľa toho nastaviť optimálne zobrazenie
- Prehliadanie dotykom - kontroluje, či je stránka optimalizovaná pre prehliadanie na zariadeniach, ktoré sú ovládané dotykom.
- Štart Screen Site title - Windows 8 umožňuje si určitú webovú stránku pripnúť ako dlaždicu do menu Štart, tento test kontroluje, či daná webová stránka má k dispozícii túto funkciu a ponúkne užívateľovi dlaždicu so zodpovedajúcim obrázkom.
Pri všetkých položkách sa okrem prípadného hlásenia problému dozviete aj podrobnejšie informácie vrátane odkazov na stránky MSDN, kde zistíte ako daný problém prípadne opraviť. Testy kontrolujú len kód danej stránky. Skontrolovať vizuálnu podobu či vhodnú veľkosť tlačidiel pre ovládanie dotykom automaticky nemožno, ale aj tak ide o veľmi efektívnu a relatívne jednoduchú cestu ako svoje stránky vylepšiť pre prehliadanie v podstate akýmkoľvek prehliadačom.
Okrem tejto možnosti stránka ponúka rozšírené testovanie. Môžete napríklad využiť promo ponuku firmy BrowserStack, kedy môžete po dobu troch mesiacov zadarmo využívať ich cloudové služby pre testovanie webových stránok. Táto služba potom vykoná komplexné testovanie vašej webovej stránky na najrôznejších verziách internetových prehliadačov a operačných systémov, vrátane zobrazenia toho ako daná stránka vyzerá. Tu je príklad zobrazenie stránky IEBlogu v Internet Exploreri 7 na Windows XP:
Ďalšou možnosťou, ktorá bude k dispozícii v najbližšej dobe, bude možnosť stiahnuť si sadu virtuálnych počítačov, s pomocou ktorých následne budete môcť testovať svoje stránky aj interne. Ak vás takáto možnosť testovania zaujíma, neváhajte a modern.ie navštívte.