Dajbych.net


Novinky v Internet Exploreru 8

, 3 minuty čtení

ie7 logo

Vývojáři Internet Exploreru na svém blogu uvedli, že jejich prohlížeč v režimu standardů prošel Acid2 testem. Snad všichni webdesignéři na tuto zprávu čekali už několik let. První betaberze, která posune IE do současnosti, by měla vyjít v prvním čtvrtletí tohoto roku. Na dveře sice klepe CSS3 a HTML5, ovšem posun vpřed, ačkoli je IE stále pozadu, je velice chvályhodný. Značným pokrokem byl i IE7, který kromě vyšší bezpečnosti přinesl podporu průhledného PNG a alespoň odstranění těch největších chyb vykreslování.

CSS

Po mnoho let byl tabulkový layout nejoblíbenějším pozicovacím mechanismem. Nyní je možné aplikovat tabulkový layout i na jiné HTML elementy. Stačí změnit CSS hodnotu display. Mnoho změn doznalo chování vlastností margin a float, které je podle specifikace CSS 2.1, podobně jako vlastnost text-decoration. Nová vlastnost outline se chová stejně jako border, jen s tím rozdílem, že nemění rozměry elementu. Další nové vlastnosti jsou například border-spacing, caption-side, counter-reset, counter-increment, windows nebo orphans.

Data URI

Obrázky a lze uložit přímo do zdrojového kódu HTML stránky. Stačí použít base64 kódování a data protocol.

<img src="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP">

DOM

Prototypes

JScript nyní přináší způsob jak přepsat metody a vytvořit nové okamžitě u všech instancí objektů. To umožňuje měnit DOM objekty přirozeně, jako kdyby byly objekty JScriptu.

Selectors

Jedná se o API, které slouží k výběru elementů stejným způsobem, jako se vybírají elementy ve stylování. Vybrat lze buď jeden nebo více elementů pomocí metod querySelector a querySelectorAll. Jedná se o velmi rychlý a optimalizovaný způsob.

var ele = document.querySelector('#elementId');
var allDetails = document.querySelectorAll('div.detail');
var allParagraphs = document.querySelectorAll('p');

Storage

Touto technologií překonané HTTP cookies nahrazují objekty window.sessionStorage a window.localStorage. Umožňují velmi jednoduše uložit až 10 MB dat. Session storage se liší jen tím, že se obsah smaže se zavřením prohlížeče. Local storage je pro každou subdoménu zvlášť. localStorage['example.com'] je tedy přístupný subdoménám. Naopak localStorage['www.example.com'] je přístupný pouze doméně example.com a nikoliv například mail.example.com.

var storage = window.localStorage;
if (!storage.pageLoadCount) storage.pageLoadCount = 0;
storage.pageLoadCount = parseInt(storage.pageLoadCount, 10) + 1;
document.getElementById('count').innerHTML = storage.pageLoadCount;

JavaScript

JSON

Pro deserializaci objektů z řetězce přijatého pomocí XHR slouží metoda JSON.parse. Pro serializaci je k dispozici metoda JSON.stringify. Serializaci vlastního objektu lze upravit implementací metody toJSON.

XDM

Stránky z rozdílných domén si mohou posílat zprávy pomocí metody postMessage a přijímat je obsluhou události onmessage.

XDR

Cross-domain Request umožňuje konzumovat služby z různých domén. Objekt XDomainRequest omezuje a zabezpečuje spojení mezi nedůvěryhodnými částmi stránky.

XHR

Původní ActiveX objekt MSXML, který byl vytvořen pro Microsoft Outlook Web Access, se stal velice oblíbený a mění dnes způsob práce s webem. Protože je ale dobré z bezpečnostních důvodů podporu pro ActiveX vypnout (zmizí tím naprostá většina bezpečnostních rizik), vznikl objekt XmlHttpRequest, který funkcionalitu poskytne bez nutnosti odvolávat se na ActiveX. Byl implementován do IE7. Osmá verze přidává možnost nastavit vlastnost timeout. Pro použití tlačítka zpět v souvislosti s dynamickým obnovením stránky je zpřístupněna změna URL stránky přes document.location.hash.