« Proposed Activity for Video on the Web | Main | alt attributes authoring practices »

Is your (mobile) browser ready for the Web?

I co-chair the Mobile Web Test Suites Working Group: this group aims at improving the interoperability of browsers on mobile devices through the development and the diffusion of test suites for Web technologies that work on mobile devices.

Karl mentioned before on these pages one of the tools we have been developing, but I would like to focus today on our most recent (and rather exiciting) deliverable: the Web Compatibility Test for Mobile Browsers.

That test, in the same spirit as the ACID tests, combines in a single page tests for 12 Web technologies, ranging from well-deployed (but often poorly implemented on mobile devices) technologies such as HTTPS and PNG, to technologies we believe will matter in a year or two (like SVG animation and CSS Media Queries).

Tests are visualized by squares, sorted roughly in order of difficulty (first line, well-deployed technologies, second line, technologies increasingly used today, third line, technologies for tomorrow), and a browser needs to render each square in the same tone of green to pass completely the test - which as far as I know, no currently released browser (on mobile devices or elsewhere) does.

Enough words, everybody wants to see pictures, so here come a few screenshots of the test rendered in a variety of browsers:

Screenshot of the test in Blazer 4.3.2.1
Blazer 4.3.2.1

Screenshot of test in Opera Mini 4.1 beta 1
Opera Mini 4.1 beta 1

Screenshot of the test in Netfront on the PSP
PSP's Netfront

Screenshot of the test in Android webkit-based emulator
Android emulator webkit-based browser

Screenshot of the test in Firefox 3, beta 3
Firefox 3 beta 3

Screenshot of the test in IE6
Internet Explorer 6

Test design

So, what's the guiding idea behind this test?
To make it easy to spot at a glance how ready for the Web your browser is; given that we target in particular browsers installed on mobile devices, the test needs to be fairly quick to load, not too large in dimensions, and surveying a range of technologies that are relevant on mobile
How does it relate to the ACID tests?
The ACID tests were clearly an inspiration for this test, but there are some significant differences:
  • the test doesn't try to detect specific bugs in well-known browsers - a rather large tasks on mobile devices where the number of browsers remains much larger than on dekstop computers -, it simply helps visualize rough support for a given technology;
  • the test is mobile-friendly in its dimensions and weight, allowing it to give meaningful results on a wider range of devices.
This of course doesn't mean mobile browsers shouldn't try to pass the ACID tests (and some already do, as a matter of fact)! But hopefully our test also helps setting a goal for a wider set of browsers.
Couldn't you find a better name?
No, actually, we couldn't! We thought about calling it a "mobile ACID test", but since it is not an ACID test, we preferred something more descriptive of its real nature; but we're very interested in better suggestions!
Why is X in there? Why isn't Y in there?
While we have documented the reasons of our choices of technologies, we're very much open to suggestions for modifications, additions, and improvements (especially in the form of concrete markup to add in the test); so please send them in to our group list public-mwts@w3.org (publicly archived)!

Running the test

Running the test is as simple as pointing your browser to its address, namely http://dev.w3.org/2008/mobile-test/test.html.

Entering an address is a pain on a phone? Quite often, indeed, so a couple of alternatives to save you a bit of that pain:

Contribute!

Want to help us with this? Here are a few ideas of how you can contribute to the impact of this test on interoperability:

Filed by Dominique Hazaël-Massieux on April 16, 2008 6:58 AM in W3C・QA News
| | Comments (11) | TrackBacks (0)

Comments

Dominique Hazael-Massieux # 2008-04-16

I've been told that Opera 9.5 and Webkit nightlies pass all the tests (although I'm not sure they count as "released" browsers).

FavBrowser.com # 2008-04-16

Looks interesting. One more battle zone.

Mark # 2008-04-16

Opera 9.5 Nightly passes them all, as is just as "released" as Firefox 3 beta 3

MobilePublisher # 2008-04-16

The WebKit-based S60-browser on my Nokia E70 fulfills only half of the criteria in this mobile-test. Squares 5,7,8 and 10,12 are red! Yes, the M-Zine MobilePublisher has immediately announced this test.

philry4n # 2008-04-17

Entering an address is a pain on a phone? -> Opera Link

elloere # 2008-04-17

How did you manage to test Firefox?

If it's the desktop version, then Opera 9.27 passes all but one. 9.5 passes all.

RichB # 2008-04-22

Nokia N95 (classic) with v20.0.015 firmware gives the same result as MobilePublisher's E70 - ie 5,7,8,10,12 are red. Squares 1 and 2 have a slight multi-coloring on their right hand edge.

Dominique Hazaël-Massieux # 2008-04-22

I've published an update on the collected results so far on the MWI Team blog: http://www.w3.org/blog/MWITeam/2008/04/22/firstresultsofwebcompatibility_test

Charles Phillips # 2008-04-22

Opera Mobile 9.5 beta build 405 is the best yet (Screenshot). Their new beta is amaaaazing, can't wait for the final!

Brandon Wirtz # 2008-04-29

It's a little fuzzy, used my Cell phone to take a picture of my PDA...(what a twisted world we live in) But here is a screenshot of my Nokia n810 running the test. 5 squares come up red, 7 green, no odd colored ones.

Brandon Wirtz # 2008-04-29

Interesting side note.... When I used the zoom feature on the n810 and changed the zoom to more than 100% i got different results. at 120% the second box in the first row became mult-colored, at 150% the second box in the third row was 50% larger than the other boxes. 180% the second box in the third row was large enough to cover the box on its right.

Leave a comment

Note: this blog is intended to foster polite on-topic discussions. Comments failing these requirements and spam will not get published. Please, enter your real name and email address. Every individual comment is reviewed by the W3C staff. This may take some time, thank you for your patience.

You can use the following HTML markup (a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre) and/or Markdown syntax.

Your comment


About you

This blog is written by W3C staff and working group participants,
 and maintained by Karl Dubost and olivier Thereaux.
Powered by Movable Type, magpierss and a lot of Web Technology