4
<title>HTML5test - How well does your browser support HTML5?</title>
7
<meta name="apple-mobile-web-app-capable" content="yes">
8
<meta name="apple-mobile-web-app-status-bar-style" content="black">
9
<meta name="viewport" content="width=device-width, initial-scale=1.0">
11
<link rel="stylesheet" href="/css/main.css" type="text/css">
12
<link rel="stylesheet" href="/css/reporting.css" type="text/css">
14
<script src='/scripts/base.js' type='text/javascript'></script>
15
<script src='/scripts/8/data.js' type='text/javascript'></script>
16
<script src='/scripts/8/engine.js' type='text/javascript'></script>
17
<script src='/scripts/reporting.js' type='text/javascript'></script>
20
(function(){var p=[],w=window,d=document,e=f=0;p.push('ua='+encodeURIComponent(navigator.userAgent));e|=w.ActiveXObject?1:0;e|=w.opera?2:0;e|=w.chrome?4:0;
21
e|='getBoxObjectFor' in d || 'mozInnerScreenX' in w?8:0;e|=('WebKitCSSMatrix' in w||'WebKitPoint' in w||'webkitStorageInfo' in w||'webkitURL' in w)?16:0;
22
e|=(e&16&&({}.toString).toString().indexOf("\n")===-1)?32:0;p.push('e='+e);f|='sandbox' in d.createElement('iframe')?1:0;f|='WebSocket' in w?2:0;
23
f|=w.Worker?4:0;f|=w.applicationCache?8:0;f|=w.history && history.pushState?16:0;f|=d.documentElement.webkitRequestFullScreen?32:0;f|='FileReader' in w?64:0;
24
p.push('f='+f);p.push('r='+Math.random().toString(36).substring(7));p.push('w='+screen.width);p.push('h='+screen.height);var s=d.createElement('script');
25
s.src='//api.whichbrowser.net/rel/detect.js?' + p.join('&');d.getElementsByTagName('head')[0].appendChild(s);})();
28
<meta name="application-name" content="HTML5test"/>
30
<link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-touch-icon-57x57.png" />
31
<link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-touch-icon-114x114.png" />
32
<link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-touch-icon-72x72.png" />
33
<link rel="apple-touch-icon" sizes="144x144" href="/images/icons/apple-touch-icon-144x144.png" />
34
<link rel="apple-touch-icon" sizes="60x60" href="/images/icons/apple-touch-icon-60x60.png" />
35
<link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-touch-icon-120x120.png" />
36
<link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-touch-icon-76x76.png" />
37
<link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-touch-icon-152x152.png" />
38
<link rel="icon" type="image/png" href="/images/icons/favicon-16x16.png" sizes="16x16" />
39
<link rel="icon" type="image/png" href="/images/icons/favicon-32x32.png" sizes="32x32" />
40
<link rel="icon" type="image/png" href="/images/icons/favicon-96x96.png" sizes="96x96" />
41
<link rel="icon" type="image/png" href="/images/icons/favicon-160x160.png" sizes="160x160" />
42
<link rel="icon" type="image/png" href="/images/icons/favicon-196x196.png" sizes="196x196" />
43
<meta name="msapplication-TileColor" content="#0092bf" />
44
<meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png" />
49
<h1><span>HTML<strong>5</strong>test</span> <em>how well does your browser support HTML5?</em></h1>
50
<div class='navigation'>
52
<li><a href='/index.html'>Your browser</a></li>
53
<li><a href='/results/desktop.html'>Other<span> browser</span>s</a></li>
54
<li class='selected'><a href='/compare/browser/index.html'>Compare</a></li>
57
<li><a href='http://blog.html5test.com/'>News</a></li>
58
<li><a href='/devicelab'>Device Lab</a></li>
59
<li><a href='/about.html'>About<span> the test</span></a></li>
66
<div class='paper hasNavigation'>
67
<ul class='navigation'>
68
<li class='selected'><a href='/compare/browser/index.html'>Browsers</a></li>
69
<li><a href='/compare/feature/index.html'>Features</a></li>
73
<div id='comparison' class='comparisonTable detailsTable'>
75
<div id='searchField'></div>
76
<div id='scoreToggle'></div>
83
<h3>About these scores</h3>
85
The data above is compiled from automatically submitted test results. It is possible your results
86
may differ slightly due to external factors such as settings and which operating system is used.
87
If you believe the data above is incorrect, or if you think we are missing an important browser
88
or device, please open a bug report at <a href='http://github.com/NielsLeenheer/html5test'>Github</a>.
95
window.addEventListener('load', function() {
97
Browsers = new WhichBrowser({
99
detectCamouflage: true
102
var m = new Metadata(tests);
105
var table = new FeatureTable({
106
title: '<h2>Browsers</h2><p>Select up to five browsers and compare their test results in detail</p>',
107
parent: document.getElementById('comparison'),
109
browsers: <?php echo json_encode($results); ?>,
111
explainations: false,
115
onChange: function(ids) {
116
if (window.history && window.history.replaceState) {
118
window.history.replaceState([], document.title, '/compare/browser/' + ids.join('/') + '.html');
120
window.history.replaceState([], document.title, '/compare/browser/index.html');
125
var search = new SearchField({
126
parent: document.getElementById('searchField'),
127
onQuery: function(query) {
133
var toggle = new ToggleSwitch({
134
parent: document.getElementById('scoreToggle'),
135
inactive: 'Show all',
136
active: 'Difference',
137
onChange: function(active) {
139
table.filter(active ? ':diff' : '');
144
<?php if (isset($one)): ?>
145
<?php if ($one != ''): ?>
146
table.updateColumn(0, <?php echo $one; ?>);
148
new Test(function(r) {
149
var c = new Calculate(r, m.data);
151
table.updateColumn(0, {
153
nickname: 'My browser',
164
<?php if (isset($two)): ?>
165
<?php if ($two != ''): ?>
166
table.updateColumn(1, <?php echo $two; ?>);
168
new Test(function(r) {
169
var c = new Calculate(r, m.data);
171
table.updateColumn(1, {
173
nickname: 'My browser',
184
<?php if (isset($three)): ?>
185
<?php if ($three != ''): ?>
186
table.updateColumn(2, <?php echo $three; ?>);
188
new Test(function(r) {
189
var c = new Calculate(r, m.data);
191
table.updateColumn(2, {
193
nickname: 'My browser',
204
<?php if (isset($four)): ?>
205
<?php if ($four != ''): ?>
206
table.updateColumn(3, <?php echo $four; ?>);
208
new Test(function(r) {
209
var c = new Calculate(r, m.data);
211
table.updateColumn(3, {
213
nickname: 'My browser',
224
<?php if (isset($five)): ?>
225
<?php if ($five != ''): ?>
226
table.updateColumn(4, <?php echo $five; ?>);
228
new Test(function(r) {
229
var c = new Calculate(r, m.data);
231
table.updateColumn(4, {
233
nickname: 'My browser',
251
<div class='copyright'>
253
Created by Niels Leenheer.<br>
254
Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.<br>
255
HTML5 Logo by <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a>.
256
Browser detection by <a href='http://whichbrowser.net'>WhichBrowser</a>.
260
<a href="http://www.cloudvps.nl" target="_blank" ><b>CloudVPS</b><br> High Availability<br> Cloud Servers</a>
268
<script src='//www.google-analytics.com/ga.js'></script>
272
var pageTracker = _gat._getTracker("UA-68192-4");
273
pageTracker._trackPageview();