Scriptorama.nl

Zoals verwacht heeft Microsoft vandaag bij het openen van de MIX conference een eerste beta van de IE8 uit gebracht. In de vorige posting over IE8 beschreef ik al dat IE8 bij bepaalde HTML documenten (strict documenten) gelukkig in standards mode zal renderen maar dit is niet het enige wat IE8 zal brengen. Een greep uit de wijzigingen in IE8...

Update 6/3/2008: Meer info over ACID2 + IE8 toegevoegd..

Standards support

IE8 belooft behoorlijk wat updates op het front van standaarden:

• Verbeterde CSS 2.1 support, met ook een oog op veelgevraagde CSS 3 features. IE8 zal bijvoorbeeld de ACID2 test juist kunnen renderen. De beta doet dit helaas nog niet (zie onder).
• Net als WebKit zal IE8 de W3C Selectors API ondersteunen
• De DOM core functionaliteit is verbeterd, met name bij het aanspreken van attributen
• Het wordt mogelijk om, zij het met een 3rd party plugin, bijv. SVG te integreren in een HTML document
• IE8 zal net als Firefox en Safari DOM-storage gaan ondersteunen.

Een volledig overzicht vind je in dit artikel op de IE8 website.

Developer tools

Het IE ontwikkel team heeft niet alleen de rendering engine flink onder handen genomen. Ook de developer tools zijn behoorlijk aangepakt. De developer tools voor IE8 zullen niet langer meer een aparte download zijn maar altijd meegeleverd worden.

De Developer Tools zijn een behoorlijke stap vooruit op de "IE DOM Developer Toolbar" waanzin die we kennen uit IE6 en IE7. Zo kun je direct je javascript code debuggen, wordt getoond waar styles vandaan komen en is het mogelijk om styles aan en uit te schakelen. Een erg nuttige toevoeging is de mogelijkheid om vanuit de Developer Tools direct de compatibility modus van de site te wijzigen. Je kunt switchen tussen Quirks mode (gedrag van IE5), Strict (gedrag van IE 7) en Standards (gedrag van IE8).

Wat ik nog mis is een Network Activiteit scherm zoals we die kennen uit Firefox en Safari. Dit scherm zou een overzicht tonen van alle resources die geladen of gecached zijn en hoe groot deze resources zijn en hoe lang het heeft geduurd om deze te downloaden.

Activities & WebSlices

Buiten de bovenstaande features, waar heel webontwikkelend internet ongeveer heeft zitten wachten zal IE8 ook met enkele nieuwe features voor gebruikers komen.

Ten eerste zijn er Activities. Dit is een soort integratie van microformats. Met Activities kun je bijvoorbeeld direct vanuit een webpagina communiceren met een andere webapplicatie. Het voorbeeld dat Microsoft zelf geeft is bijvoorbeeld het opzoeken van een adres op Live Maps. Het idee is dat je zelf, middels een simpel XML bestand, activities kan toevoegen aan de browser.

Vervolgens is er de nieuwe feature WebSlices. WebSlices zijn een manier om delen van een pagina te kunnen blijven volgen, zonder dat je de hele website constant in beeld hoeft te hebben. Apple gebruikers zullen hierbij direct denken aan de WebClips van Safari, en het lijkt er inderdaad veel op. In Safari kun je block-elementen selecteren als een WebClip en het geselecteerde element wordt dan in z'n geheel getoond in Dashboard. WebSlices verschilt van Safari WebSnippets in het feit dat WebSlices gedefinieerd moeten worden in de HTML pagina (middels delen van 't hAtom microformat) en deze direct vanaf de bookmark balk getoond kunnen worden.

Hoe werkt IE8?

Microsoft heeft duidelijk aangegeven dat het een beta is voor developers, en dat is te merken. Hoewel veel sites er toch aardig uit lijken te zien wanneer ze in standards mode gerenderd worden zijn er ook de nodige sites die toch wat vreemd renderen. Het is natuurlijk nog maar de vraag of dat nu direct aan IE8 ligt, of aan bijvoorbeeld speciale CSS die alleen aan IE sites wordt gevoerd. Er zijn ook bepaalde dingen in de UI die niet juist werken en ik heb m'n eerste hangende IE8 al mogen killen :).

Enigzins pijnlijk is ook het feit dat de ACID2 test, waarvan Microsoft met enig tamtam bekend maakte dat IE8 die juist kon renderen, niet juist gerenderd wordt zoals je hieronder kunt zien. Voor wie het boeit, in de ACID3 test die recentelijk is afgerond komt IE8 voorlopig niet verder dan 17 punten.

Update 6/3/2008: Het blijkt dat er meer versies zijn van de ACID2 test. Er staat er een op acid2.acidtests.org, maar deze blijkt enigzins te verschillen van die welke op webstandards.org staat, hoewel beide sites van de WaSP zijn. De ACID2 test die op deze laatste site staat rendert IE8 wél goed. Meer informatie over waarom IE8 de ene ACID2 test wel en de andere ACID2 test niet goed rendert vind je op het IEBlog.

De developer tools hebben een stuk meer potentieel dan dat wat er in IE7 beschikbaar was, maar blijken ze in de praktijk nog niet erg stabiel te zijn. Na enkele keren een CSS regel aan en uit geschakeld te hebben lijkt de hele functionaliteit niet meer te werken tot dat je de developer tools op nieuw opent.

Al met al echter denk ik dat IE8 zeker potentie heeft. De Activities en WebSlices zijn een leuke toevoeging en richting die Microsoft recentelijk is ingeslagen wat betreft standaarden is positief. Ik ben benieuwd wat de webdevelopment community na een paar dagen van Internet Explorer 8 vindt.

IE8 downloaden

Downloaden doe je vanaf de speciale IE8 Beta 1 Readiness website, waarbij Microsoft allerlei informatie heeft verzameld om webdevelopers op weg te helpen.