e1e2ec0b5835ee4e73a283f45b4e886b1382ded0
[WebKit-https.git] / PerformanceTests / Animometer / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <title>Animometer</title>
5     <meta charset="utf-8">
6     <meta name="viewport" content="width=device-width, user-scalable=no">
7     <link rel="stylesheet" href="resources/runner/animometer.css">
8     <script src="resources/strings.js"></script>
9     <script src="resources/extensions.js"></script>
10     <script src="resources/statistics.js"></script>
11
12     <script src="resources/runner/tests.js"></script>
13     <script src="resources/runner/animometer.js"></script>
14
15     <script src="resources/runner/benchmark-runner.js"></script>
16 </head>
17 <body>
18     <main>
19         <hr>
20         <section id="intro" class="selected">
21             <h1>Animometer</h1>
22             <p>Animometer is a graphics benchmark that measures a browser’s capability to animate complex scenes at a target frame rate.</p>
23             <p>For accurate results, please take the browser window full screen, or rotate the device to landscape orientation.</p>
24             <div class="orientation-check">
25                 <p class="hidden">Please rotate the device to orientation before starting.</p>
26                 <button id="run-benchmark" onclick="benchmarkController.startBenchmark()">Run benchmark</button>
27             </div>
28         </section>
29         <section id="test-container" class="frame-container">
30         </section>
31         <section id="results">
32             <h1>Animometer score</h1>
33             <p class="score" onclick="benchmarkController.showDebugInfo()"></p>
34             <div id="results-tables">
35                 <table id="results-score"></table>
36                 <table id="results-header"></table>
37             </div>
38             <footer>
39                 <button onclick="benchmarkController.startBenchmark()">Test Again</button>
40             </footer>
41         </section>
42         <hr>
43     </main>
44 </body>
45 </html>