tonygentilcore/test.html

## test.html
<!DOCTYPE html>
<html>
<head>
  <title>Viewport measurement test</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
</head>
<body>

  <div>
    <br />
    In Mobile Safari, tap the text box to open the keyboard. The test succeeds
    if the visible viewport (sans keyboard) is reported.
    <br /><br />
    <input type="text" />
    <div id="log"></div>
  </div>

  <script>

    function log(msg) {
      document.getElementById('log').innerHTML += `${msg}<br>`
    }

    addEventListener('focus', () => log(`focus height: ${window.innerHeight}`), true)

    addEventListener('load', () => log(`initial height: ${window.innerHeight}`))

  </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Viewport measurement test</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
	</head>
	<body>

	<div>
	<br />
	In Mobile Safari, tap the text box to open the keyboard. The test succeeds
	if the visible viewport (sans keyboard) is reported.
	<br /><br />
	<input type="text" />
	<div id="log"></div>
	</div>

	<script>

	function log(msg) {
	document.getElementById('log').innerHTML += `${msg}<br>`
	}

	addEventListener('focus', () => log(`focus height: ${window.innerHeight}`), true)

	addEventListener('load', () => log(`initial height: ${window.innerHeight}`))

	</script>
	</body>
	</html>