Richard

Richard

Technisch: Internet Explorer 10 getest op webstandaarden

Richard Reijmers 19 november 2012

Deze post functioneert als technische bijlage voor mijn artikel over de lancering van Internet Explorer 10 en gaat dieper in op de ondersteuning van webstandaarden.

HTML5 en CSS3

Op html5test.com is uitgebreid onderzoek gedaan naar de HTML5-standaarden die IE10 ondersteunt, en wordt dit vervolgens vergeleken met oudere versies.

Wanneer je met verschillende browsers de website http://css3test.com/ bezoekt, kun je eenzelfde soort test zelf uitvoeren voor CSS3-standaarden.

Firefox 16Chrome 22IE10

Acid Tests

Hoe goed een browser voldoet aan de webstandaarden is te meten met de zogeheten Acid Tests. Een Acid Test onderzoekt in razendsnel tempo of een browser aan alle webstandaarden voldoet. In totaal zijn er drie tests die je browser op verschillende manieren op de proef stellen. Het is tot dusver de beste manier om een browser te testen op ondersteuning van de allernieuwste functionaliteiten.

Op de onderstaande afbeelding zie je hoe een goed functionerende en interpreterende browser (zoals de nieuwste Chrome en FireFox) de drie tests zouden moeten weergeven. Hoewel je dat niet zou zeggen, want de pagina’s zien er als je het mij vraagt behoorlijk lelijk uit. Ach, gelukkig hebben de ontwikkelaars ervan meer verstand van testen. Hoe dan ook, zo hoort het:

Acid 1Acid 2Acid 3
  • De Acid 1-test toont in een normale situatie een tabel met cellen van verschillende grootte, en de kleuren zwart en geel.
  • De Acid 2-test toont een gele smiley met groene ogen.
  • De Acid 3-test toont een oplopende grafiek in verschillende kleuren, met daarboven de tekst Acid3 met een lichtgrijze schaduw en eronder de tekst 100/100.

Internet Explorer 6 (27 augustus 2001)

De volgende afbeeldingen tonen hoe Internet Explorer 6 het (niet goed) doet:

Acid 1Acid 2Acid 3



Zoals we zien is de eerste test precies zoals het schoolvoorbeeld, maar de tweede en derde test zien er compleet anders uit. Gefaald!

Internet Explorer 7 (18 october 2006)

Internet Explorer 7 doet het iets beter, maar veel scheelt het niet:

Acid 1Acid 2Acid 3

De eerste test is wederom prima maar de tweede en derde test falen nog steeds.

Internet Explorer 8 (19 maart 2009)

Internet Explorer 8 slaagt voor de Acid 2-test, maar Acid 3 wil nog niet echt lukken:

Acid 1Acid 2Acid 3

Ter vergelijking scoort Firefox 3.0.8 (27 maart 2009 ) op de Acid 3-test nog een respectabele 79%.

Acid 3

Internet Explorer 9 (14 maart 2011)

Bij Internet Explorer 9 geloven we ondertussen wel dat de Acid 1 & 2 tests slagen, dus vanaf nu focussen we alleen nog op de Acid 3-test.

Internet Explorer 9 slaagt voor de Acid 3-test maar toont nog geen schaduw onder de tekst Acid3.

Acid 3

Internet Explorer 10

Internet Explorer 10 slaagt voor de Acid 3-test inclusief alle layoutdetails zoals schaduw onder de tekst Acid3.

Acid 3

Overige browsers

De eerste Firefox-browser die 100% voldeed aan de Acid 3-test, was Firefox 4 en kwam op 22 maart 2011 uit. De voorgaande versies Firefox 3, Firefox 3.5 & Firefox 3.6 scoorden respectievelijk 71%, 93% & 94%.

De eerste Apple Safari browser die 100% voldeed aan de Acid 3-test was Safari 4 die op 8 juni 2009 uitkwam.

De eerste Google Chrome browser die 100% voldeed aan de Acid 3-test was Chrome 4.0.249.78 en kwam op 25 januari 2010 uit.