<!DOCTYPE html>
<html>
<head>
<script>
const params = new URLSearchParams(window.location.search);
let metaTagContent = 'width=device-width';
if (params.has('resizes-content'))
metaTagContent += ',interactive-widget=resizes-content';
else if (params.has('resizes-visual'))
metaTagContent += ',interactive-widget=resizes-visual';
else if (params.has('overlays-content')) {
metaTagContent += ',interactive-widget=overlays-content';
window.numGeometryChangeEvents = 0;
navigator.virtualKeyboard.addEventListener('geometrychange', () => {
window.numGeometryChangeEvents++;
});
}
let meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = metaTagContent;
document.head.appendChild(meta);
onload = () =>{
document.getElementById('output').innerText = metaTagContent;
}
window.resizeEventLog = [];
onresize = () => {
window.resizeEventLog.push(window.innerHeight);
}
</script>
</head>
<body>
<input id="inputElement" type="text"></input>
<p id="output"></p>
</body>
</html>