Acid3

Acid3 is een webpagina van het Web Standards Project om te testen hoe goed webbrowsers aan bepaalde webstandaarden voldoen. De testpagina werd uitgebracht op 3 maart 2008 en bestaat uit een serie van 100 tests.^[1] De hoofdontwikkelaar is Ian Hickson die ook de Acid2-test heeft ontwikkeld. Acid2 richt zich op de ondersteuning van Cascading Style Sheets terwijl Acid3 zich richt op technieken die gebruikt worden door moderne websites, zoals ECMAScript en DOM Level 2. Een aantal tests maken ook gebruik van SVG, XML en data: URI's.

Hoe Acid3 eruitziet als het correct wordt weergegeven.

Om voor de test te slagen moet de score eindigen op 100/100, moet de uiteindelijke pagina precies, tot op de pixel, gelijk zijn aan de referentieweergave en moet de animatie vloeiend zijn.^[2] Op 26 maart 2008 slaagden enkele browsers in de ontwikkelingsfase, Opera^[3] en Safari,^[4] voor de eerste twee delen van de test. In september 2008 slaagde WebKit, de layout engine van Safari, als eerste volledig voor de Acid3-test door deze vloeiend af te werken.^[5] Op 8 juni 2009 was Safari 4.0 de eerste officiële webbrowser die volledig slaagde voor de test.

De test

De Acid3-test bevat een stijgende teller die aangeeft hoeveel tests er geslaagd zijn uitgevoerd en enkele gekleurde vlakken die gekleurd zijn afhankelijk van hoeveel tests succesvol zijn doorlopen.

Voorbeeld van de kleuren in Acid3. Alle zestien tests in groep 2, 3 en 6 worden correct uitgevoerd, deze krijgen een kleur. In de groepen 1 en 4 worden meer dan tien tests goed afgehandeld, deze worden lichtgrijs. Groep 5 slaagt voor meer dan vijf en wordt donkergrijs.

Acid3 is geschreven in JavaScript. Het bestaat uit 100 afzonderlijke tests die onderverdeeld zijn in 6 groepen:

• Groep 1: DOM Traversal, DOM Range, HTTP
• Groep 2: DOM2 Core and DOM2 Events
• Groep 3: DOM2 Views, DOM2 Style, CSS 3 selectors en Media Queries
• Groep 4: Gedrag van tabellen en formulieren in HTML wanneer deze gemanipuleerd worden met scripts en DOM2 HTML
• Groep 5: Tests afkomstig uit een wedstrijd (SVG, HTML, SMIL, Unicode enz.)
• Groep 6: ECMAScript

De in het vlak weergegeven kleur hangt af van het aantal succesvol uitgevoerde tests in die groep. Als alle tests in de groep juist uitgevoerd worden dan krijgt het vlak een kleur, worden meer dan tien tests correct uitgevoerd wordt het vlak lichtgrijs, bij meer dan vijf wordt het donkergrijs en bij minder dan vijf goed uitgevoerde tests wordt het vak zwart.

Resultaten

De afbeeldingen hieronder geven de resultaten van verschillende browserversies weer:

Desktopbrowsers

Browser	Layout engine	Browserversie ten tijde van uitbrengen Acid3 (maart 2008)	Laatst uitgegeven versie	Development build screenshot	Opmerkingen
Internet Explorer	Trident	14/100 Internet Explorer 7	100/100 [6]		Internet Explorer 9 en Internet Explorer 10 halen 100 op 100 op de Acid3 test. .[6]
Firefox	Gecko	52/100 Firefox 2.0.0.12	97/100 Firefox 5.0	97/100 Firefox 7.0a	Mozilla ontwikkelaars hebben een tracking bug[7] en een publieke spreadsheet[8] voor de status ten opzichte van hun werk aan Acid3. Firefox 6.0.2 en hoger halen 100 op 100 op de Acid3-test.[9]
Safari	WebKit	39/100 Safari 3.0.4	100/100 Safari 4.0	Safari slaagt vanaf versie 4.0 voor de test.	Het ontwikkelteam van WebKit heeft een tracking bug.[10]
Opera	Presto	46/100 Opera 9.25	100/100 Opera 10.50	100/100 Opera 12.00
Konqueror	KHTML	61/100 Konqueror 4.0.2	89/100 Konqueror 4.4.2	89/100 Konqueror snapshot	Konqueror heeft een tracking bug voor Acid3.[11]
Google Chrome	WebKit	Google Chrome bestond nog niet op het moment dat Acid3 werd uitgebracht	100/100 Google Chrome/Chromium 71	100/100 Google Chrome 11.0.696.12 dev

Mobiele browsers

Browser	Layout engine	Laatst uitgegeven versie	Development build screenshot
Opera Mini	Presto	98/100 Opera Mini 4.2
Opera Mobile	Presto	2/100 Opera Mobile 8.65	100/100 Opera Mobile 9.7b1
Fennec	Gecko		94/100 Fennec b3
NetFront	NetFront	11/100 NetFront 3.5
Mobile Safari	WebKit	100/100 maar niet snel genoeg Mobile Safari 4.0