In the spirit of Acid tests for web browsers, now you can test your mobile web browsers for compatibility with web standards. The Mobile Web Test Suites Working Group at the W3C has published a test for mobile browsers consisting of twelve checks. The result is displayed as a twelve-square grid where each square represents a single check. If a square is green the mobile browser has passed that particular part of the test, and if a square is red or white, it hasn’t. Here is the checklist (taken from Ajaxian):

1. CSS2 min-width
2. Transparent PNG
3. GZIP support
4. HTTPS
5. iframe inclusing of XHTML-served-as-XML content
6. Static SVG
7. XMLHTTPRequest
8. CSS Media Queries
9. Dynamic SVG
10. The canvas element
11. contenteditable
12. CSS3 selectors

On the top right is a screen capture of Opera Mini (hifi ardentopium sr v.4.0.10406, 20080228) on my Sony Ericsoon P1i. The grid shows my Opera Mini doesn’t support “iframe inclusing of XHTML-served-as-XML content”, “Static SVG” and “Dynamic SVG” (I am assuming the grid layout is a standard matrix layout).

Here’s a screen shot of how FF 2.0.0.12 renders the test page:

Here’s the QR code (if you have a QR enabled phone):

or simply enter one of these URLs:
http://tinyurl.com/37e33p
http://dev.w3.org/2008/mobile-test/test.html

Share This