summaryrefslogtreecommitdiffstats
path: root/toolkit/components/aboutcheckerboard/content/aboutCheckerboard.html
blob: 627e080ce75f9b337f6e2b415a8564282ba675e4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Security-Policy" content="default-src chrome:; object-src 'none'">
  <meta name="viewport" content="width=device-width">
  <meta charset="utf-8">
  <title>Checkerboard Analyzer</title>
  <link rel="stylesheet" href="chrome://global/content/aboutCheckerboard.css" type="text/css"/>
 </head>

 <body>
  <p>Checkerboard recording is <span id="enabled">undetermined</span>.
     <button id="enableToggleButton">Toggle it!</button>.</p>
  <p>If there are active reports in progress, you can stop and flush them by clicking here:
     <button id="flushReportsButton">Flush active reports</button></p>
  <table class="listing" cellspacing="0">
   <tr>
    <th>Most severe checkerboarding reports</th>
    <th>Most recent checkerboarding reports</th>
   </tr>
   <tr>
    <td><ul id="severe"></ul></td>
    <td><ul id="recent"></ul></td>
   </tr>
  </table>

  <hr>

  <div id="player">
   <div id="controls">
    <button id="rewindButton">&#171;</button><!-- rewind button -->
    <button id="stepBackButton">&lt;</button><!-- step back button -->
    <button id="pauseButton">|| &#9654;</button><!-- pause button -->
    <button id="stopButton">&#9744;</button><!-- stop button -->
    <button id="stepForwardButton">&gt;</button><!-- step forward button -->
    <button id="forwardButton">&#187;</button><!-- forward button -->
   </div>
   <canvas id="canvas" width="800" height="600">Canvas not supported!</canvas>
   <pre id="active">(Details for currently visible replay frame)</pre>
  </div>

  <hr>

  <div id="raw">
   Raw log:<br>
   <textarea id="trace" rows="10"></textarea>
   <div>
    <input type="checkbox" id="excludePageFromZoom"/><label for="excludePageFromZoom">Exclude page coordinates from zoom calculations</label><br>
   </div>
  </div>
 </body>
 <script src="chrome://global/content/aboutCheckerboard.js"></script>
</html>