~chromium-team/chromium-browser/trusty-beta

« back to all changes in this revision

Viewing changes to debian/tests/data/HTML5test/backend/templates/browser.html

  • Committer: Olivier Tilloy
  • Date: 2017-10-23 16:46:53 UTC
  • mfrom: (1172.1.38 trusty-stable)
  • Revision ID: olivier.tilloy@canonical.com-20171023164653-zmpfzblxxnkj0jhj
Merge back changes from stable branch:
  * debian/control: bump Standards-Version to 4.1.1
  * debian/patches/set-rpath-on-chromium-executables.patch: updated
  * debian/tests/*:
    - removed stale autopkgtests
    - added new autopkgtests based on chromium's new headless mode
  * debian/source/include-binaries: updated to reflect new binary data in tests

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html>
 
2
<html>
 
3
        <head>
 
4
                <title>HTML5test - How well does your browser support HTML5?</title>
 
5
 
 
6
                <meta charset="UTF-8">
 
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">
 
10
 
 
11
                <link rel="stylesheet" href="/css/main.css" type="text/css">
 
12
                <link rel="stylesheet" href="/css/reporting.css" type="text/css">
 
13
 
 
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>
 
18
 
 
19
                <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);})();
 
26
                </script>
 
27
 
 
28
                <meta name="application-name" content="HTML5test"/>
 
29
 
 
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" />
 
45
        </head>
 
46
 
 
47
        <body>
 
48
                <div class='header'>
 
49
                        <h1><span>HTML<strong>5</strong>test</span> <em>how well does your browser support HTML5?</em></h1>
 
50
                        <div class='navigation'>
 
51
                                <ul class='left'>
 
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>
 
55
                                </ul>
 
56
                                <ul class='right'>
 
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>
 
60
                                </ul>
 
61
                        </div>
 
62
                </div>
 
63
 
 
64
                <div class='page'>
 
65
                        <div class='column'>
 
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>
 
70
                                        </ul>
 
71
 
 
72
                                        <div>
 
73
                                                <div id='comparison' class='comparisonTable detailsTable'>
 
74
                                                        <div class='filters'>
 
75
                                                                <div id='searchField'></div>
 
76
                                                                <div id='scoreToggle'></div>
 
77
                                                        </div>
 
78
                                                        <hr>
 
79
                                                </div>
 
80
 
 
81
                                                <hr>
 
82
 
 
83
                                                <h3>About these scores</h3>
 
84
                                                <div class='text'>
 
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>.
 
89
                                                </div>
 
90
                                        </div>
 
91
 
 
92
                                        <script>
 
93
                                        <!--
 
94
 
 
95
                                                window.addEventListener('load', function() {
 
96
 
 
97
                                                        Browsers = new WhichBrowser({
 
98
                                                                useFeatures:            true,
 
99
                                                                detectCamouflage:       true
 
100
                                                        });
 
101
 
 
102
                                                        var m = new Metadata(tests);
 
103
 
 
104
 
 
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'),
 
108
                                                                tests:                  m.data,
 
109
                                                                browsers:               <?php echo json_encode($results); ?>,
 
110
                                                                header:                 true,
 
111
                                                                explainations:  false,
 
112
                                                                features:               true,
 
113
                                                                columns:                5,
 
114
 
 
115
                                                                onChange:               function(ids) {
 
116
                                                                                                        if (window.history && window.history.replaceState) {
 
117
                                                                                                                if (ids.length)
 
118
                                                                                                                        window.history.replaceState([], document.title, '/compare/browser/' + ids.join('/') + '.html');
 
119
                                                                                                                else
 
120
                                                                                                                        window.history.replaceState([], document.title, '/compare/browser/index.html');
 
121
                                                                                                        }
 
122
                                                                                                }
 
123
                                                        });
 
124
 
 
125
                                                        var search = new SearchField({
 
126
                                                                parent:         document.getElementById('searchField'),
 
127
                                                                onQuery:        function(query) {
 
128
                                                                                                toggle.deactivate();
 
129
                                                                                                table.filter(query);
 
130
                                                                                        }
 
131
                                                        });
 
132
 
 
133
                                                        var toggle = new ToggleSwitch({
 
134
                                                                parent:         document.getElementById('scoreToggle'),
 
135
                                                                inactive:       'Show all',
 
136
                                                                active:         'Difference',
 
137
                                                                onChange:       function(active) {
 
138
                                                                                                search.clear();
 
139
                                                                                                table.filter(active ? ':diff' : '');
 
140
                                                                                        }
 
141
                                                        });
 
142
 
 
143
 
 
144
                                                <?php if (isset($one)): ?>
 
145
                                                        <?php if ($one != ''): ?>
 
146
                                                                table.updateColumn(0, <?php echo $one; ?>);
 
147
                                                        <?php else: ?>
 
148
                                                                new Test(function(r) {
 
149
                                                                        var c = new Calculate(r, m.data);
 
150
 
 
151
                                                                        table.updateColumn(0, {
 
152
                                                                                id:                             'mybrowser',
 
153
                                                                                nickname:               'My browser',
 
154
                                                                                score:                  c.score,
 
155
                                                                                bonus:                  c.bonus,
 
156
                                                                                points:                 c.points,
 
157
                                                                                results:                r.results
 
158
                                                                        });
 
159
                                                                });
 
160
                                                        <?php endif; ?>
 
161
                                                <?php endif; ?>
 
162
 
 
163
 
 
164
                                                <?php if (isset($two)): ?>
 
165
                                                        <?php if ($two != ''): ?>
 
166
                                                                table.updateColumn(1, <?php echo $two; ?>);
 
167
                                                        <?php else: ?>
 
168
                                                                new Test(function(r) {
 
169
                                                                        var c = new Calculate(r, m.data);
 
170
 
 
171
                                                                        table.updateColumn(1, {
 
172
                                                                                id:                             'mybrowser',
 
173
                                                                                nickname:               'My browser',
 
174
                                                                                score:                  c.score,
 
175
                                                                                bonus:                  c.bonus,
 
176
                                                                                points:                 c.points,
 
177
                                                                                results:                r.results
 
178
                                                                        });
 
179
                                                                });
 
180
                                                        <?php endif; ?>
 
181
                                                <?php endif; ?>
 
182
 
 
183
 
 
184
                                                <?php if (isset($three)): ?>
 
185
                                                        <?php if ($three != ''): ?>
 
186
                                                                table.updateColumn(2, <?php echo $three; ?>);
 
187
                                                        <?php else: ?>
 
188
                                                                new Test(function(r) {
 
189
                                                                        var c = new Calculate(r, m.data);
 
190
 
 
191
                                                                        table.updateColumn(2, {
 
192
                                                                                id:                             'mybrowser',
 
193
                                                                                nickname:               'My browser',
 
194
                                                                                score:                  c.score,
 
195
                                                                                bonus:                  c.bonus,
 
196
                                                                                points:                 c.points,
 
197
                                                                                results:                r.results
 
198
                                                                        });
 
199
                                                                });
 
200
                                                        <?php endif; ?>
 
201
                                                <?php endif; ?>
 
202
 
 
203
 
 
204
                                                <?php if (isset($four)): ?>
 
205
                                                        <?php if ($four != ''): ?>
 
206
                                                                table.updateColumn(3, <?php echo $four; ?>);
 
207
                                                        <?php else: ?>
 
208
                                                                new Test(function(r) {
 
209
                                                                        var c = new Calculate(r, m.data);
 
210
 
 
211
                                                                        table.updateColumn(3, {
 
212
                                                                                id:                             'mybrowser',
 
213
                                                                                nickname:               'My browser',
 
214
                                                                                score:                  c.score,
 
215
                                                                                bonus:                  c.bonus,
 
216
                                                                                points:                 c.points,
 
217
                                                                                results:                r.results
 
218
                                                                        });
 
219
                                                                });
 
220
                                                        <?php endif; ?>
 
221
                                                <?php endif; ?>
 
222
 
 
223
 
 
224
                                                <?php if (isset($five)): ?>
 
225
                                                        <?php if ($five != ''): ?>
 
226
                                                                table.updateColumn(4, <?php echo $five; ?>);
 
227
                                                        <?php else: ?>
 
228
                                                                new Test(function(r) {
 
229
                                                                        var c = new Calculate(r, m.data);
 
230
 
 
231
                                                                        table.updateColumn(4, {
 
232
                                                                                id:                             'mybrowser',
 
233
                                                                                nickname:               'My browser',
 
234
                                                                                score:                  c.score,
 
235
                                                                                bonus:                  c.bonus,
 
236
                                                                                points:                 c.points,
 
237
                                                                                results:                r.results
 
238
                                                                        });
 
239
                                                                });
 
240
                                                        <?php endif; ?>
 
241
                                                <?php endif; ?>
 
242
 
 
243
                                                }, false);
 
244
 
 
245
                                        -->
 
246
                                        </script>
 
247
                                </div>
 
248
 
 
249
                                <div class='footer'>
 
250
                                        <div>
 
251
                                                <div class='copyright'>
 
252
                                                        <p>
 
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>.
 
257
                                                        </p>
 
258
 
 
259
                                                        <div id='cloudvps'>
 
260
                                                                <a href="http://www.cloudvps.nl" target="_blank" ><b>CloudVPS</b><br> High Availability<br> Cloud Servers</a>
 
261
                                                        </div>
 
262
                                                </div>
 
263
                                        </div>
 
264
                                </div>
 
265
                        </div>
 
266
                </div>
 
267
 
 
268
                <script src='//www.google-analytics.com/ga.js'></script>
 
269
                <script>
 
270
                <!--
 
271
                        try {
 
272
                                var pageTracker = _gat._getTracker("UA-68192-4");
 
273
                                pageTracker._trackPageview();
 
274
                        } catch(err) {}
 
275
                //-->
 
276
                </script>
 
277
        </body>
 
278
</html>