Last week Microsoft released the Xbox One in certain countries and fortunately one of the first sites that people are going to check out is HTML5test. So I was able to quickly add the test results for Internet Explorer 10 on the Xbox One.
I also quickly discovered a discrepancy between the documentation that Microsoft released and the test results I was seeing. It looked like Geolocation and the File API were available on the Xbox One, but the documentation specifically said they were not. With the help of Anna Debenham I was able to quickly pin point the problems and discovered some bugs in the browser and errors in the documentation.
In case of Geolocation the documentation was right that it is not supported, but due to a bug in the browser it is impossible to determine this using feature detection. The basic implementation is still there, it just does not give any location and even worse not even an error. A more detailed write up of this bug can be found here: Geolocation on the Xbox.
The problem with File API was with the documentation: it is supported and fully functional. But in practice it is of limited use, because input fields of the file type are not working. If you click on the field nothing happens. You simply can’t select any file. But the
FileList interface is functional, however because you can’t select any files, the list of files it is always empty. That that is not the only use of the File API: you can still load binary files using
XMLHttpRequest and use
FileReader to get the contents of the file.
Unfortunately these bugs also mean that the score needs to be adjusted – and in this case downwards. The new results will show it does not support Geolocation and also no support for
input type=file. These changes will go live in a couple of hours, together with some other fixes we are still working on.
Photo by Steve Petrucelli
After months of preparations I am very proud to be able to launch the new HTML5test. Personally I think it is the biggest improvement yet. Not only do we have new and improved tests, but it’s a completely new, lighter and flatter design with many new features.
Some of the more notable changes are:
- We’ve got a new maximum score of 555 points. And the bonus points are gone.
- Many new tests and improvements for already existing specifications, but also for new specs.
- Click on a test result to get more information about the test. Find out how many points the test is worth, the status of the specification and links to the specification and other sites such as WebPlatform.org
- Save the results, so you can view them at a later time, or on another device. Use a QR code to immediately view the results of a device with a small screen on your tablet. Use html5te.st/qr to run the test and show just the QR code.
- Give feedback and correct the browser identification so we can improve WhichBrowser – our browser identification library
- A handy browser overview table which shows the scores for the current versions of the major browsers, but also the upcoming and older versions.
- See a list of the 100 most recent test results and search through our database for results of specific browsers.
- Compare up to five browsers at the same time.
Of course there are many more changes and over the next week I will explain some of the new features in more detail. The number of confirmed results are also still limited, because we just started collecting data a couple of days ago. This too will grow over the coming days and weeks. There is still plenty of work to be done and I am already working on some new ideas. But first take a look around on the new site, I hope you like it as much as I do!
Ever since I started collecting and reporting HTML5test scores I noticed the enormous diversity of browsers on mobile. There are not just a handful of popular browsers, but literally dozens. And even worse, you can run the same browser on the same OS on two different devices, but still get significantly different test scores.
On desktop, testing a website is pretty easy. You just install a couple of different browsers and a couple of virtual machines running some old versions of Internet Explorer and you’re basically done.
On mobile it is a bit more complicated. You’ll need devices. And devices cost money. If you’re a big company you can probably afford to build your own device lab, but for an independent designer that can be very costly. And even if you can afford to buy all those devices, not many companies actually realize this is a problem. So what happens is that designers usually check websites on their own phone and maybe on the phone of a friend and be done with it. And that is why we have some many ‘mobile’ sites that only work well on iPhones.
One of the solutions to this problem is getting devices in the hands of developers.
The HTML5test Device Lab
Little over a year ago I read an article on Smashing Magazine about Jeremy Keith opening up his own device lab to other developers and ever since I’ve been thinking about doing something similar myself. When the subject of the Open Device Lab movement was brought up during PhoneGap Day last september I decided to step up and do the same.
As of today I am going to be running an Open Device Lab: the HTML5test Device Lab. If you want to test your site on a large range of different mobile devices, all you have to do is make an appointment and visit my lab. The coffee and Wi-Fi are free!
Over the last couple of years I managed to collect a substantial number of devices for my day job and for testing the HTML5test site itself. A couple of weeks ago I reached out to a number of companies with my idea and I’ve gotten some very good responses. Last week BlackBerry sent me some devices I did not have yet and I’ve gotten some pledges and support from other companies too. Want to help out? Please read our wish list. Thanks!
Right now the lab has 71 devices available for testing. If you want to know how your website looks on an ancient BlackBerry, on a Nokia N9 or a Firefox OS device – we’ve got them. Need to test on iOS? No problem, we’ve got devices running iOS 2.2 to 7.0 and you’re welcome to use them.
Other Open Device Labs
The HTML5test Device Lab isn’t the only one. There are more than 70 Open Device Labs across 22 countries. Head on over to OpenDeviceLab.com for more information and locate the one closest to you.
I’d like to think we already have an impressive amount of devices available for testing in the HTML5test Device Lab, but there are some devices we have not yet been able to find. Below is our wish list:
- Nokia Asha 501 - thank you Nokia
- Jolla Sailfish
- Sony Playstation Portable - thank you Arjan Eising
- Sony Playstation Vita
- Sony Playstation 3 and 4
- Sony eReader
- Kindle Touch
- A device running BlackBerry OS 5
- A Palm Pre 2 running webOS 2
- A device running Tizen – thank you Samsung
- A mid-range or high-end device running Windows Phone 7 - thank you Nokia
- A mid-range or high-end device running Windows Phone 8 – thank you Nokia
- A Nexus S, Nexus 4, Nexus 5, Nexus 7 2013 and Nexus 10 – thank you Google and KitKat
- Xbox 360 and Xbox One
- An iPad 1 or iPad 2, an iPad mini with Retina
- Any device that runs some version of Android
- And basically any other device running a web browser
If you can help us acquire any of these devices, please contact me. Maybe you have some old phone lying around in a drawer somewhere, or you work for a manufacturer that may be willing to sponsor us? And otherwise, please consider donating something using Paypal, so we can buy our own devices or maybe a nice coffee maker for the lab.
We’re happy with any device you have and even if you have devices we already have, we’ll make sure they will find a new home at any of the other Open Device Labs.
It’s has been a busy time for me at HTML5test HQ, but we’re not done yet! I’ve got a lot of changes coming to the site in the next couple of weeks. Two weeks ago, I already unveiled the next version of HTML5test and at the time I was hoping to be able to launch it this week. But it will take just a little while longer before it will replace the current version. There are still some outstanding issues we are looking into and I also expect to tweak the scoring a little bit too before we launch.
As you can see, the next version of the site not only introduces new tests, but the site has also been completely redesigned. I hope you like the new lighter and flatter design.
The blog has already been moved to the new design and once the next version of the site is ready, so will the rest of the site. One other part of the site that already uses the new design is the home of the HTML5test Device Lab which will open tomorrow.
Having a great time at the WebPlatform.org Doc Sprint in Amsterdam
One new features of the upcoming HTML5test redesign is the use of QR codes. By scanning the QR code of a test, you can view the results on another device and are no longer limited to the small screen of the phone.
Yesterday Google announced they were going to create a new rendering engine based on WebKit. The new engine will be named Blink and it is going to be an integral part of Chromium, their open source browser on which Chrome is based.
Why did they leave WebKit and how is this going to affect Safari and other browsers based on WebKit?
What is WebKit anyway?
Apple made many changes to KHTML, improved standards support and made it faster. Much faster. Even though their forks were open-source, it was developed internally at Apple and once in a while they published a big code dump with all of their changes.
After the announcement there was initially some hope that Apple’s work on WebCore would eventually trickle down to KHTML. But this quickly became more and more difficult. As the two projects started to diverge, patches from WebCore became more and more difficult to integrate into KHTML. This is when people started accusing Apple of abusing the principles of open-source and not giving back to the community.
I managed to get my hands on a Nokia N95 and N96 yesterday and I quickly found out that they had some problem running HTML5test. It turned out that HTML5test never worked on older versions of S60 due to a bug in the S60 browser. It was simple enough to fix so I can now officially announce full support for S60 3.x. Okay not exactly earth shattering news, but it is still nice to fix these little bugs.
The score was about what I expected for four year old phones: 14 points and no bonus points.
I’d like to thank everybody who donated in the last couple of weeks. Last week we were able to add three new devices to our testing lab: a Nokia 500 running Symbian S60, a Nokia Asha 203 running S40 and a Nokia Lumia 610 running Windows Phone 7.5. With these additions we hope to be able to update the HTML5 compatibility tables more quickly and solve problems with running html5test.com on these platforms before actually releasing new versions of the test.
We are still actively looking for new devices running Windows Phone 8 and Android 4.2, but also older devices running older versions of Android 1.6, iOS 3 or 4, Maemo, Meego and Windows Mobile 6. If you have a new or used device you want to donate to our lab, please contact me below in the comments, on Github or Twitter.
Donate using Paypal
Any device or donation will help us improve HTML5test.com.
Thanks in advance!