Mých 60 minut s Internet Explorerem 9
Nedávno jsem napsal Co přinese IE9? Možná víc, než bychom čekali, kde jsem komentoval informace k vydání preview verze IE9. Nyní jsem konečně IE9 vyzkoušel a přikládám své postřehy.
Stránky v IE9 (ne)fungují, X-header to jistí
Ze všeho nejdřív jsem zkoušel funkčnost různých stránek. Bylo očekávatelné, že v IE9 nebudou všechny fungovat správně. Ve vzhledu stránek byl problém jen minimálně (dobrou podporu CSS2.1 měl už IE8), ale u dynamických stránek na rozdíly narazíme. IE9 totiž opravuje řadu prohřešků oproti standardům DOM, kterými dřívější verze trpěly (událostní model a další). Pokud stránka s některým z nich počítala, nemusí fungovat správně. IE9 ale za takovou nefunkční stránku nemůže a o nápravu by se měl snažit tvůrce dané stránky. (Ostatně jedním z důvodů vydání téhle preview verze IE9 je možnost vyzkoušení si, zda vaše stránky budou fungovat).
Pokud naleznete problém, není třeba nijak panikařit. Finální IE9 se může objevit nejdřív tak koncem tohoto roku (možná až v příštím roce), zatím úplně stačí, když budete vědět, které vaše weby nefungují v IE9 a že s tím budete muset jednou něco udělat. Ukažme si to na příkladu:
Jedním z webů, který nefunguje korektně v IE9 jsou Mapy.cz. Konkrétně se jedná o drag & drop posouvání mapy, které neběží (nejspíš to souvisí s opraveným modelem událostí). Pokud se ale podíváme na Google Maps, tak ty fungují včetně drag & drop posunu.
Při pečlivějším pohledu zjistíme, že Mapy.cz se zobrazují v IE9 renderovacím módu (pokud ručně přepneme do staršího renderovacího módu, tak vše funguje bez problémů - to je ostatně princip starších módů, že se chovají identicky jako starší verze prohlížeče). Google Maps se pro změnu zobrazí ve starším renderovacím módu, obsahují v hlavičce "<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 />". Tvůrci Mapy.cz to mají snadné. Jakmile přidají podobnou hlavičku, vše jim bude zase fungovat. A až budou někdy svůj systém přepisovat, můžou ho upravit tak, aby v IE9 již volal standardní DOM funkce.
Podobný postup můžou zvolit všichni tvůrci stránek, přesto bych nedoporučoval, abyste se hned hromadně vrhali na své weby a přidávali k nim X-UA-Compatible hlavičky. Je důležité i pro váš vlastní profesní rozvoj - vědět, co z toho, co jste doteď dělali, nefunguje (a co se tedy budete muset časem naučit). Kdybyste automaticky na všechny weby přidali X-hlavičku, tak nic nezjistíte a nenaučíte se nic. Jinak je ovšem X-hlavička samozřejmě dobrým, rychlým a z krátkodobého hlediska bezproblémovým řešením.
IE9 už "randí" s XHTML
Tohle určitě potěší příznivce XML. IE9 totiž zobrazuje stránky s MIME typem application/xhtml+xml. Neměl jsem čas na hlubší zkoumání, jen jsem si všiml, že u těchto stránek není možno přepnout prohlížeč do starších renderovacích módů. Dává to asi smysl, protože ony starší módy s tím prostě pracovat neuměly. Na druhou stranu to znamená, že application/xhtml+xml automaticky vyvolá nejnovější mód IE9. Pokud máte na webu nějaké nekompatibility a chcete pro IE9 mermomocí používat application/xhtml+xml, nepomůže vám přidání X-hlaviček, ale budete muset skutečně opravit kód.
User-Agent String jako IE8
User agent string jsem detekoval překvapivě identický jako u IE8. Bez všech těch .NET deklarací vypadá takto:
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)
Trochu mě to překvapilo, čekal jsem nějaké odlišení, že se jedná o preview verzi IE9. Můžete mi prosím potvrdit, zda se IE9 u vás chová stejně?
HTML5 video zatím ne
HTML5 verzi YouTube jsem si zatím nemohl vyzkoušet, protože vydaná verze IE9 ještě HTML5 video nepodporuje. Jak poznamenal čtenář předchozího článku, podpora se objeví až v některé další preview verzi (budou vydávány vždy cca jednou za dva měsíce).
Rychlost na demech od Microsoftu je pěkná
Na demech od Microsoftu je rychlost IE9 opravdu nádherná. Neměl jsem ale dost času vyzkoušet jiné ukázky, abych si ověřil, jak moc byla tato dema optimalizována pro prezentaci a jaká je rychlost na testech od jiných tvůrců. Pokud jste dělali nějaké vlastní srovnání, tak se určitě pochlubte.
Emulace canvasu funguje stejně jako dřív
Canvas sice IE9 nepodporuje, ale jeho emulace funguje stejně jako u předchozích verzí. Je znatelně pomalejší než jsou nativní implementace, ale základní funkce v ní bez problému fungují.
SVG ano, ale částečně
SVG skutečně funguje, ale o plnou podporu se zatím nejedná. Nejsem velký znalec SVG, abych to tu sepsal, ale z ukázek na Croczilla mi některé fungovaly, jiné ne (např. první demo nefunguje vůbec). V release notes najdete podrobnější soupis (ne)podporovaných vlastností. Osobně čekám, že Microsoft ještě na podpoře SVG trochu zapracuje, ale pokud ji má dnes v takovémhle stavu, nepočítám, že by IE9 podporovalo SVG kompletně, bude podporovat jeho podmnožinu. (Ostatně žádný prohlížeč nepřišel s kompletní podporou SVG najednou.)
Microsoft mlží ve srovnávacích tabulkách
Se zajímavým upozorněním přišel Daniel Glazman (předseda CSS WG), který říká, že srovnávací tabulky prezentované Microsoftem nejsou korektní (a detailně popisuje některé problémy). Z následující tabulky by se třeba mohlo zdát, že Microsoft vše podporuje perfektně, zatímco ostatní prohlížeče ani náhodou:
Podobná kritika přišla i ze strany Opery. Pro nás to jistě znamená upozornění, abychom si na čísla, která Microsoft o IE zveřejňuje, dávali pozor a nevěřili jim. Ano, IE9 bude nejspíš dobrý prohlížeč a to, co jsme o něm slyšeli je víceméně pravda, ale při srovnání s ostatními prohlížeči si Microsoft pomáhá neférovými způsoby. Řadí se tak po bok Applu, který při prezentaci Safari postupuje podobně a byl za to již v minulosti kritizován.
Snad vám moje postřehy k něčemu byly a pokud jste při testování IE9 přišli na další zajímavosti, dejte mi vědět, já na to měl skutečně jen těch 60 minut.
Za zapůjčení testovacího prostředí k odzkoušení IE9 zdvořile děkuji Jardovi Polakovičovi.
Vše z Blog Root.cz
V mém případě se tento IE9 hlásí takto:
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Co se týče podpory canvas, dnes jsem narazil na toto:
http://ajaxian.com/archives/ie9-canvas-support-leaked-by-amd
Podpora nových technologií v IE9 mě velmi těší, ale stále tu bude "strašák" starších verzí a jejich příliš pomalému nahrazování, ale i to se pomalu lepší (IE6 podle rankings.cz padnul pod 10%, což je dobrá zpráva :)
To je z pohledu prohlížeče de facto stejný UA. Liší se jen charakteristikami prostředí. WOW64 oznamuje 64bit OS, ty .NET sekvence pak dostupné verze .netu. Měl jsem je tam také, ale pro srovnání jsou zbytečné, proto jsem je vyhodil
Na ten canvas u AMD jsem se dnes už díval. Podle toho co jsem zjistil, to není žádná senzace. Nejspíš se totiž jedná o omyl člověka, který na rychlo psal reportáž o MIXu a buď se přeslech nebo spletl. Nicméně tím vznikla natolik zajímavá informace, že jí jistě přeberou i další zahraniční servery, jak bývá zvykem. Pokud k tomu dojde, tak někdy v polovině příštího týdne by to mohli otisknout i servery české - pak už tomu bude věřit každý bez ohledu na původní zdroj. Nechme se překvapit 8-)
add Emulacia canvasu: s emulaciou canvasu som sa trosku pohral, ale nie vsetko funguje ako ma, napr s excanvas mi ie9 uplne vytuhol a celkovo je interop medzi js a addinami stale dost pomaly (cca 20% zrychlenie pri 20 nasobnom spomaleni (ie8 vs firefox) mi moc ako pokrok nepripada). Mozno by to chcelo svg emulaciu canvasu. Ak by niekoho zaujimalo, co som vsetko skusal tak prvy tweet testovania canvas emulacie zacina tu http://twitter.com/vlkodotnet/status/10638953719
@vlko Spíš než emulace přes SVG by pro rychlejší vykreslování asi pomohla emulace přes Flash nebo Silverlight.
Excanvas umí emulovat prakticky vše až na práci s bitmapami a textem. A ideální je pro statické výstupy (vykreslení grafu apod.), jakmile se prování nějaká animace, už se to blíží k hranici použitelnosti.
to Hassman: skusal som oboje:
silverlight: http://twitter.com/vlkodotnet/status/10639335101
FlashCanvas: http://twitter.com/vlkodotnet/status/10639403964
a upraveny FlashCanvas: http://twitter.com/vlkodotnet/status/10639543741
Testoval som to na example1_stress.htm z http://www.azarask.in/blog/post/flash-canvas/ a najrychlejsi bol treti menovany pokus. Problem pri nom ale bol, ze aj ked stresstest ukazoval cisla blizke nativnej verzii, obraz trhal, ale to moze byt aj mojou build-in grafickou kartou v notebooku, s nou si nejak flash nerozumie:)
Opravil bych Váš popis problému IE9 s Mapy.cz, není to způsobeno tím, že
by se nepoužívaly stadardní metody DOM. Tam kde je to možné, se testuje jejich
podpora, a jsou-li podporovány, použijí se. Problém spočívá v tom, že IE9 konečně
identifikuje tlačítka myši podle standardu, a to je věc, kterou, pokud se
nemýlím, nelze jednoduše identifikovat.
Řešení s přepnutím do zpětně kompatibilního módu je jednou z možných cest, ale
cenou by byla ztráta modernějšího a rychlejšího enginu IE9. Jednoduší bude to opravit.
(V IE9 lze mapou pohybovat pomocí prostředního tlačítka myši, místo levého)
Já myslím, že tyhle Flash a SL verze jsou zatím spíš takové experimenty (oproti třeba excanvas.js, což je odladěná věc) a je tu ještě prostor pro optimalizace (byť by mě samotného zajímalo, jak velké).
Petr Doležal: Pokud jste si mezitím už našli příčinu a věříte, že jiné problémy nejsou 8-), tak asi není důvod to nefixnout.
Ten odkaz na ten graf od MS uz je neaktualny, uz tam dali nejake ine percenta :-)
Ano, ta čísla trochu upravili (trochu IE9 ubrali a přidali ostatním). Proto jsem dělal screenshot 8-)
Microsoft se k problémům s testy vyjadřuje http://blogs.msdn.com/ie/archive/2010/03/19/the-internet-explorer-testcenter-welcome-page-clarification-corrections.aspx
Viz také Glazmanova reakce, kde mj. rozebírá srovnávání prohlížeči obecně http://www.glazman.org/weblog/dotclear/index.php?post/2010/03/20/The-IE9-Test-Center
@Pavel Linhart Už se vyjádřil i původce informace a přiznal, že se prostě zmýlil: "Got a little ahead of myself; Microsoft did not announce they were supporting canvas."
http://blogs.amd.com/developer/2010/03/16/ie9-takes-advantage-of-the-gpu/
Hej zmýlil . Zmy.... čo. A teraz o červenej čiapočke. Ináč dobrý marketing.
@Dusan Ze je to omyl bylo jasne od sameho zacatku. Pri psani rychlych reportazi to snad ani nemuze byt jinak.
Prinosny clanek, Martine...
a je aj dost divne ze mne na ff3.6 zbehol test css3 selectori na 100%... (vid http://tools.css3.info/selectors-test/test.html) ako to ze MS neukazuje 100%??? ze by pouzivali custom verziu FF?? :DDD
Zkusil jsem pustit instalaci ve Wine, nepovedla se, přesně jak jsem předpokládal. To není chyba tvůrců, ale chyba je ta hláška - podporovány až Windows Vista a XP nikde. Dost velká ostuda, protože XPček je ještě stále doost. Obávám se, že takto se nové technologie budou šířit jen velmi pomalu... Škoda.
@Luna Vzhledem k tomu, jak moc sazi na tu akceleraci, tak asi nebude zbyti, pokud ji pod Win XP nejde rozchodit.
@daemon Neni to vubec divne, verze Firefoxu je spravna, jen zkousis jinou sadu testu. Ty pouzivane testy jsou dole pod tabulkou vsechny zalinkovane a lze si na nich vysledky vyzkouset. Detailne je rozebiral Glazman, viz rozbor odkazany z clanku.
Zdravím, včera večer alebo dnes na IEblog pribudol článok o IE9 UA Stringu, prakticky to odpovedá na vašu otázku. Inak ja som bol prekvapený :) http://blogs.msdn.com/ie/archive/2010/03/23/introducing-ie9-s-user-agent-string.aspx
@juraj Dnes to na mě také vyskočilo. Je to historický krok, IE bude mít v UA Mozilla/5.0 místo Mozilla/4.0