Chyby zobrazování webových stránek
Úvod do problematiky
Při technickém zpracování webových stránek může nezkušený vývojář udělat spoustu chyb, které mohou mít fatální důsledky. To je způsobeno mimo jiné tím, že v současné době je používáno velké množství prohlížečů a jejich verzí na různých platformách lišících se způsobem zpracování (X)HTML kódu stránek. Ne každý tvůrce provádí důkladné testování různých prohlížečů. Zákeřná chyba se také může projevit až s příchodem nové verze prohlížeče, která v době vývoje neexistuje, proto je nutné dodržovat doporučené standardy webových technologií.
Může nastat případ, kdy stránka je v prohlížeči úplně vyřazena z provozu a ztrácí smysl.
Několik ukázek možných chyb
V následujícím příkladu můžete vidět jednu ze závažných chyb Internet Exploreru 6 tzv. Peek-A-Boo bug, která způsobuje mizení textu.
Náhled Peek-A-Boo bugu v IE 6
Správné zobrazení v ostatních prohlížečích
Další příklad zobrazuje odkaz, který funguje od Internet Exploreru 5.5 výše, ale uživatelé s verzí 5 mají smůlu, budou-li chtít navštívit odkazovanou stránku, nebude jim k tomu stačit pouhé kliknutí myší.
Verzi Microsoft Internet Exploreru můžete zjistit v menu Nápověda - O aplikaci Internet Explorer.
Takto by se dalo psát o dalších a dalších nekompatibilitách nejen v Internet Exploreru, ale také třeba v tzv. alternativních prohlížečích jako jsou Firefox, Netscape a Opera, kde se většinou rozdíly projeví ještě markantněji. Tyto alternativní prohlížeče, jejichž podíl uživatelů stále narůstá, zobrazují stránky kvalitněji, ale zároveň kladou větší nároky na kvalitu zdrojového kódu stránek.
Řešení
Těmto jevům se dá částečně předejít, dodržuje-li webdesigner při programování webové stránky specifikace (X)HTML kódu konsorcia W3C, které jsou všeobecně považovány za standard a výrobci internetových prohlížečů se snaží, aby jejich produkt co nejvíce specifikaci podporoval. Bohužel přesto, že webdesigner vytvoří validní kód odpovídající specifikaci (viz předcházející příklady), nemůže zabránit chybnému formátování a funkčnosti stránek bez důkladného otestování v co možná nejvíce prohlížečích na co možná nejvíce operačních systémech a následné jednotlivé optimalizace.
Tato činnost je sice časově náročná, ale rozhodně se vyplatí, jak můžete vidět na následujícím orientačním přehledu využití internetových prohlížečů v českém prostředí:
| Prohlížeč | Podíl uživatelů | Trend |
|---|---|---|
| Internet Explorer 6 | 48 % |  |
| Gecko (Firefox, Mozilla a odvozené, Netscape ) | 30 % |  |
| Internet Explorer 7 | 15 % | |
| Opera 9 | 5 % | |
| Internet Explorer 5.x | 0,8 % | |
| KHTML (Safari, Konqueror) | 0,5 % | |
| Ostatní prohlížeče celkem | 0,7 % | |
Zdroj:
globální statistika za cca 450 000 stránek serveru pro měření návštěvnosti Toplist.cz ze srpna 2007
Všimněte si, že při nefunkčnosti stránky v jednom jediném prohlížeči, například v Opeře 9, přicházíte při denní návštěvnosti 500 návštěvníku o 763 návštěvníků měsíčně, což jistě není málo.
Vyplatí se optimalizovat nejméně pro tyto prohlížeče:- Internet Explorer verze 5 a následující
- Gecko
- Opera verze 9
- KHTML (Safari, Konqueror)
Tímto výběrem je zajištěna dobrá funkce stránek nejméně pro 99,3% návštěvníků. Ostatní prohlížeče jsou již zastaralé či zanedbatelné (nebo v krátké době budou) a optimalizace pro ně by většinou znamenala zbavit se výhod plynoucích z použití moderních technologií např. oddělení obsahu a vzhledu, dobrá sémantická struktura dokumentu, ale pokud je stránka dobře navrhnutá, je použitelná v nějaké podobě i pro zatvrzelé uživatele těchto prohlížečů.
