Terapad
Created with the free version of Terapad, ads can be removed from $14.15 a month Easy Website Creation Sign Up Now

Acid3 Browser Test

KK47BR-Small.gif By Karthikeyan Shanmugam in Technology
Published: Friday, 05 December 08 - 05:08 PM (GMT +05:30)
Last Updated: Friday, 05 December 08 - 05:26 PM (GMT +05:30)

 Acid3 is a test page from the Web Standards Project that checks how well a web browser follows certain web standards, especially relating to the Document Object Model and JavaScript.

When successful, the Acid3 test displays a gradually increasing percentage counter with colored rectangles in the background. The percentage displayed is based on the number of sub-tests passed. In addition to these the browser also has to render the page exactly like the reference page as rendered in the same browser. Like the text of the Acid2 test the text of the reference rendering is not a bitmap in order to allow for certain differences in font rendering.

Acid3 was in development from April 2007 and released on 3 March 2008. The main developer was Ian Hickson, who also wrote the Acid2 test.Acid2 focused primarily on Cascading Style Sheets, but the Acid3 test focuses also on technologies used on modern, highly interactive websites characteristic of Web 2.0, such as ECMAScript and DOM Level 2. A few tests also concern Scalable Vector Graphics (SVG), XML and data: URIs. It includes several elements from W3C CSS3 working drafts that have not made it to candidate recommendations yet.

Primary Acid3 testing specifications for “Web 2.0″ dynamic Web applications. Also there are some visual rendering tests, including web fonts. Here is the list of specifications tested:
  • DOM2 Core
  • DOM2 Events
  • DOM2 HTML
  • DOM2 Range
  • DOM2 Style (getComputedStyle, …)
  • DOM2 Traversal (NodeIterator, TreeWalker)
  • DOM2 Views (defaultView)
  • ECMAScript
  • HTML4 (<object>, <iframe>, …)
  • HTTP (Content-Type, 404, …)
  • Media Queries
  • Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
  • XHTML 1.0
  • CSS2 (@font-face)
  • CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
  • CSS3 Color (rgba(), hsla(), …)
  • CSS3 UI (’cursor’)
  • data: URIs
  • SVG (SVG Animation, SVG Fonts, …)

As the test is run, rectangles are added to the rendered image; the color of the rectangles is decided by the number of sub-tests passed in the bucket. If all subtests fail in a particular bucket, its associated rendered rectangle will be invisible. If some subtests are cleared the color will change in four steps:

  • 1-5 subtests passed: Black rectangle.
  • 6-10 subtests passed: Grey rectangle.
  • 11-15 subtests passed: Silver rectangle.
  • All 16 subtests passed: Colored rectangle (red, orange, yellow, lime, blue, purple - for each of the six rectangles, respectively)

Like,


check your browser Acid Test http://acid3.acidtests.org/
Email this  |  Submit to digg  |  Add to del.icio.us

<-- Back