-
Notifications
You must be signed in to change notification settings - Fork 0
/
viewsize.html
71 lines (61 loc) · 1.75 KB
/
viewsize.html
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Web Page Dimension Viewer</title>
</head>
<!--
To cause a page to update local storage with its view
size use the `onresize` attribute as shown below.
Then browse the viewsize.html file in its own browser
window. And the browse the sendsize.html file in its
own window.
When the sendsize.html file is reloaded, resized, or
if the mouse moves over it that data will be seen in
the viewsize.html window.
NOTE: The localStorage events will only work if both
files are delivered from an actual server. The use of
"file://" will not work.
-->
<body>
<h2 id="page"></h2>
<h3>Load</h3>
<!-- this <p> can be used for displaying the raw
storage data. Just uncomment the line that
contains -
load.innerHTML = event.newValue;
-->
<p id="load"></p>
<br>
<ul>
<li id="l_width"></li>
<li id="l_height"></li>
</ul>
<h3>Resize</h3>
<!-- this <p> can be used for displaying the raw
storage data. Just uncomment the line that
contains -
resize.innerHTML = event.newValue;
-->
<p id="resize"></p>
<br>
<ul>
<li id="r_width"></li>
<li id="r_height"></li>
</ul>
<h3>Mouse</h3>
<!-- this <p> can be used for displaying the raw
storage data. Just uncomment the line that
contains -
mouse.innerHTML = event.newValue;
-->
<p id="mouse"></p>
<br>
<ul>
<li id="m_x"></li>
<li id="m_y"></li>
</ul>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="assets/js/viewsize.js"></script>
</body>
</html>