63 lines
1.8 KiB
Plaintext
63 lines
1.8 KiB
Plaintext
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>TCB Stomping Grounds : Resolution Test</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style>
|
|
html, body { margin: 0; height: 100%;}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<ul>
|
|
<li><a href="/">Without Viewport</a></li>
|
|
<li><a href="/viewport.html">Viewport</a></li>
|
|
</ul>
|
|
<table>
|
|
<tr>
|
|
<th>Property</th>
|
|
<th>Width</th>
|
|
<th>Height</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Window.screen</td>
|
|
<td id='screen-width'></td>
|
|
<td id='screen-height'></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Window.screen.avail</td>
|
|
<td id='screen-avail-width'></td>
|
|
<td id='screen-avail-height'></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Document.body.client</td>
|
|
<td id='body-client-width'></td>
|
|
<td id='body-client-height'></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Document.body.offset</td>
|
|
<td id='body-offset-width'></td>
|
|
<td id='body-offset-height'></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Document.body.scroll</td>
|
|
<td id='body-scroll-width'></td>
|
|
<td id='body-scroll-height'></td>
|
|
</tr>
|
|
</table>
|
|
<script>
|
|
document.getElementById('screen-width').textContent = screen.width;
|
|
document.getElementById('screen-height').textContent = screen.height;
|
|
document.getElementById('screen-avail-width').textContent = screen.availWidth;
|
|
document.getElementById('screen-avail-height').textContent = screen.availHeight;
|
|
document.getElementById('body-client-width').textContent = document.body.clientWidth;
|
|
document.getElementById('body-client-height').textContent = document.body.clientHeight;
|
|
document.getElementById('body-offset-width').textContent = document.body.offsetWidth;
|
|
document.getElementById('body-offset-height').textContent = document.body.offsetHeight;
|
|
document.getElementById('body-scroll-width').textContent = document.body.scrollWidth;
|
|
document.getElementById('body-scroll-height').textContent = document.body.scrollHeight;
|
|
</script>
|
|
</body>
|
|
</html>
|