monitor.js/index.html at master · pillowjs/monitor.js · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <title>monitor.js</title>
  <style>
  html {
    background: #eee;
  }
  #test_container {
    position: relative;
    width: 300px;
    height: 250px;
    margin: 0 auto;
    margin-top: 10%;
    border: 1px solid #d2d2d2;
  }
  #test_memory {
    position: relative;
    width: 300px;
    height: 250px;
    margin: 0 auto;
    margin-top: 16px;
    border: 1px solid #d2d2d2;
  }
  </style>
</head>
<body>
  <div id="test_container">FPS</div>
  <div id="test_memory">Memory</div>
  <div class="ribbon" style="position:fixed;right:0;top:0;width:150px;height:150px;overflow:hidden;z-index:9999;">
    <a target="_blank" style="display:inline-block;width:200px;overflow:hidden;padding:6px 0;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-transform:rotate(45deg);text-decoration:none;color:#fff;position:inherit;top:45px;right:-40px;border-width:1px 0;border-style:dotted;border-color:rgba(255, 255, 255, 0.7);font:700 13px &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.5);background-color:#a00;" href="//github.com/pillowjs/monitor.js">
      Fork me on Github
    </a>
  </div>
  <script>
    var isOnline = location.protocol === 'https:';
    var head = document.getElementsByTagName('body').item(0);
    var script = document.createElement('script');
    script.src = (isOnline ? '//unpkg.com/monitor.js@latest' : '.') + '/build/page.js';
    script.type = 'text/javascript';
    script.defer = true;
    head.appendChild(script);
  </script>
</body>
</html>