Analýza schopností prohlížečů webu

V článku Historie souboje browserů jsem se okrajově dotkl trampot, které se závažně dotýkají všech kodérů a programátorů internetových stránek. Aby bylo jasné proč, zveřejňuji studii která objasňuje v jak svízelné situaci programátoři a kodéři jsou. (Opravená verze článku.)

Jazyky HTML/CSS prošly za léta svého vývoje mnoha dramatickými zvraty, ale dnes je již jasné, že budoucnost se bude odehrávat v HTML 5/xHTML 5 a bezpochyby CSS3.

Připravil jsem Vám přehled s čím již dnes můžete v prohlížečích počítat a s čím zatím nepočítejte:

Metodologie: body jsou přičítány za každou vlastnost, kterou je prohlížeč schopen vykreslit podle norem W3C. Bony jsou přičítány za vlastnosti, které jsou dosud ve stádiu návrhu (draft), ale prohlížeč už s nimi umí pracovat.

Browser
37441141287302
130579
1111111
20102
ChrIE8IE9OpSaf
AnoAnoAnoAnoAno
AnoNeNeNeAno
AnoNeNeNeAno
AnoNeAnoNeAno
AnoNeNeNeAno
200202020
ChrIE8IE9OpSaf
AnoNeAnoAnoAno
AnoNeAnoAnoAno
AnoNeAnoAnoAno
210212121
60244
ChrIE8IE9OpSaf
AnoNeAnoAnoAno
NeNeNeNeNe
AnoNeAnoAnoAno
NeNeNeNeAno
AnoNeAnoNeAno
AnoNeNeAnoNe
AnoNeNeAnoNe
200202020
50233
ChrIE8IE9OpSaf
AnoNeAnoAnoAno
AnoNeNeAnoAno
AnoNeAnoNeAno
AnoNeAnoNeAno
AnoNeNeAnoNe
AnoNeNeAnoNe
232182222
ChrIE8IE9OpSaf
AnoNeNeAnoAno
AnoNeAnoAnoAno
ČástečněNeČástečněČástečněČástečně
ČástečněNeČástečněČástečněČástečně
ČástečněNeČástečněČástečněČástečně
AnoNeNeAnoAno
AnoAnoAnoAnoAno
65479157
ChrIE8IE9OpSaf
AnoNeČástečněAnoČástečně
AnoNeNeAnoAno
AnoNeNeAnoAno
AnoNeNeAnoAno
AnoNeNeAnoAno
ČástečněNeNeAnoČástečně
ČástečněNeNeAnoČástečně
ČástečněNeNeAnoČástečně
ČástečněNeNeAnoČástečně
ČástečněNeNeAnoČástečně
ČástečněNeNeAnoČástečně
AnoNeNeAnoAno
AnoNeNeAnoAno
NeNeNeČástečněČástečně
AnoAnoAnoAnoAno
ČástečněNeAnoČástečněČástečně
AnoČástečněČástečněAnoČástečně
AnoNeČástečněAnoAno
ČástečněČástečněČástečněAnoČástečně
NeNeNeAnoČástečně
AnoNeNeAnoAno
AnoNeNeAnoAno
AnoNeNeAnoNe
AnoNeNeAnoNe
Pole:
AnoNeNeAnoAno
AnoNeNeAnoAno
ČástečněNeNeČástečněČástečně
AnoNeNeAnoAno
AnoČástečněČástečněAnoAno
Formuláře:
AnoNeNeAnoAno
3417171634
ChrIE8IE9OpSaf
Drag&Drop:
ČástečněNeNeNeČástečně
AnoNeNeNeAno
AnoAnoAnoAnoAno
AnoAnoAnoAnoAno
AnoAnoAnoČástečněAno
50055
ChrIE8IE9OpSaf
AnoNeNeAnoAno
00000
ChrIE8IE9OpSaf
NeNeNeNeNe
18111515
ChrIE8IE9OpSaf
AnoNeNeAnoAno
AnoNeNeNeNe
NeNeNeNeNe
AnoAnoAnoNeNe
50005
ChrIE8IE9OpSaf
AnoNeNeNeAno
NeNeNeNeNe
150151515
ChrIE8IE9OpSaf
AnoNeAnoAnoAno
250009
ChrIE8IE9OpSaf
AnoNeNeNeNe
AnoNeNeNeČástečně
325361532
ChrIE8IE9OpSaf
AnoAnoAnoAnoAno
AnoNeNeAnoAno
ČástečněNeNeNeČástečně
AnoNeNeNeAno
2000100
ChrIE8IE9OpSaf
AnoNeNeAnoNe
AnoNeNeNeNe
205101515
ChrIE8IE9OpSaf
AnoAnoAnoAnoAno
AnoAnoAnoAnoAno
AnoNeNeNeNe
AnoNeNeAnoAno
15001515
ChrIE8IE9OpSaf
AnoNeNeAnoAno
AnoNeNeAnoAno
00000
ChrIE8IE9OpSaf
NeNeNeNeNe
100000
ChrIE8IE9OpSaf
AnoNeNeNeNe
81666
ChrIE8IE9OpSaf
AnoNeNeNeNe
AnoNeAnoAnoAno
AnoAnoAnoAnoAno
Experimentální:
50000
ChrIE8IE9OpSaf
AnoNeNeNeNe
NeNeNeNeNe
20000
ChrIE8IE9OpSaf
AnoNeNeNeNe

Pro přesnost uvádím: použitá testovací stránka: http://html5test.com/.

Prohlížeč Firefox/Mozilla 5.0 nebyl vůbec schopen tuto testovací stránku vykreslit a proto není v přehledové tabulce uveden, ač by jeho umístění nemuselo být úplně špatné. *)

Resultát podle prohlížečů

Chrome: úspěšnost 374 z 475 testovaných vlastností + 13 bonů za dosud nenormované, návrhové vlastnosti.

Safari: úspěšnost 302 z 475 testovaných vlastností + 9 bonů za dosud nenormované, návrhové vlastnosti.

Opera: úspěšnost 287 z 475 testovaných vlastností + 7 bonů za dosud nenormované, návrhové vlastnosti.

MSIE 9: úspěšnost 141 z 475 testovaných vlastností + 5 bonů za dosud nenormované, návrhové vlastnosti.

MSIE 8 a nižší: úspěšnost 41 z 475 testovaných vlastností + 0 bonů za dosud nenormované, návrhové vlastnosti.

Resultát podle požadovaných schopností

Parsovací pravidla:

<! DOCTYPE html> (HTML5) lze užívat bez obavy ve všech prohlížečích. Pracuje jako spínač vykreslovacího jádra prohlížeče, ergo: spustí to nejmodernější jádro, které prohlížeč dovede.

Canvas funguje kromě MSIE<=9 uspokojivě.

Video je pro MSIE<9 nepoužitelné. V ostatních prohlížečích pracuje konzistentně. Nejlépe v Chrome.

Audio je pro MSIE<9 nepoužitelné. V ostatních prohlížečích pracuje konzistentně. Nejlépe v Chrome.

Nové HTML elementy:

Vyniká Chrome, za ním Opera a Safari poněkud pokulhávají, MSIE9 má nějaké chyby ale v MSIE<9 je naprosto nepoužitelný.

Formuláře

Špičková se jeví Opera, za ní Chrome, Safari poněkud kulhá a MSIE všech verzí je nepoužitelný.

Interakce

Chrome a Safari to umí, Opera a MSIE tak na 50 %.

Historie a navigace

Umí to všechny prohlížeče kromě MSIE.

Mikrodata

Neumí používat žádný současný prohlížeč.

Webové aplikace

Opět Chrome vyniká, za ním Opera a Safari. MSIE všech verzí je KO.

Bezpečnost

Chrome a Safari umí. Ostatní ne.

Geolocation

Kromě MSIE<9 zvládají všechny prohlížeče.

WebGL

Umí jen Chrome, Safari kulhá a ostatní to neumí.

Komunikace

Vyniká MSIE 9, Chrome a Safari poněkud pozadu, Opera pramálo a MSIE<9 to prakticky neumí.

Soubory

Vyniká Chrome, Opera se snaží, MSIE nechápe.

Úložiště

Tradičně: Chrome pracuje výtečně, Opera a Safari uspokojivě, MSIE neví, kde je bulík.

Pracovníci (Workers)

Chrome, Opera a Safari to umí. MSIE netuší „vo co go“.

Lokální multimédia

Neumí ani jeden z dominantních prohlížečů.

Notifications

Umí jen Chrome.

Jiné vlastnosti

Viditelnost stránky: jen Chrome.

Výběr textu

Vše mimo MSIE<9

Audio

Pouze Chrome a ještě neúplně.

Animace

Pouze Chrome.

window.requestAnimationFrame

Pouze Chrome.

* Remark (12/1/2012 11:30): Omlouvám se všem libcům Mozilly Firefoxu. Při testování jsem nedopatřením použil zastaralý FF 5.0. V aktuální verzi 9.0.1 smozřejmě HTML 5 bere (s celkovým skóre 330 bodů + 9 benefitů). Tím se celkově umísťuje na druhé místo ve schopnostech vykreslovat moderní prvky, hned za Chrome.

Pak si zkuste napsat nějaký kód, který Vám bude fungovat úplně stejně ve všech prohlížečích. Ono to totiž skoro nejde.

Nominujte autora do ankety Bloger roku

Autor: Petr Závladský | čtvrtek 12.1.2012 10:30 | karma článku: 8,95 | přečteno: 882x
  • Další články autora

Petr Závladský

K poučení z krizového polistopadového vývoje ve straně a společnosti
17.2.2016 v 11:11 | Karma: 30,43

Petr Závladský

Dobrý den, můj přítel,
15.12.2015 v 11:00 | Karma: 23,29

Petr Závladský

Zálohování dat
7.11.2015 v 16:10 | Karma: 18,16

Petr Závladský

One way ticket
27.9.2015 v 16:52 | Karma: 34,13

Petr Závladský

Maličko o kavkách a také o lidech
26.9.2015 v 17:25 | Karma: 18,99
Další články autora

MS v hokeji 2024

Zaměstnání

Střední školy

Biatlon 23/24

Vláda

Témata

Nepřehlédněte