index.html

<link rel="stylesheet" type="text/css" href="size-of-web-browser-window.css">

<!-- What is your Browser Window size? -->
<!-- developed by Tawhidur Rahman Dear, https://www.tawhidurrahmandear.com -->
<!-- Live Preview available at https://www.devilhunter.net/p/size-of-web-browser-window.html -->

<form autocomplete="off" name="WindowSize">
<p><span style="font-family: Ubuntu; font-size: 30px;">🌐 Outer window size is:</span></p><br>
<p><span style="font-family: Ubuntu;"><input class="size-of-web-browser-window_input" name="browserwindow1" readonly style="border: 0; font-size: 30px; font-weight: bold; background-color: white;" type="text" /></span></p>
<br>
<p><span style="font-family: Ubuntu; font-size: 30px;">🌐 Inner window size is:</span></p><br>
<p><span style="font-family: Ubuntu;"><input class="size-of-web-browser-window_input" name="browserwindow2" readonly style="border: 0; font-size: 30px; font-weight: bold; background-color: white;" type="text"/></span></p>
<br>
<p><span style="font-family: Ubuntu; font-size: 30px;">🌐 Left and Top screen coordinates:</span></p><br>
<p><span style="font-family: Ubuntu;"><input class="size-of-web-browser-window_input" name="browserwindow3" readonly style="border: 0; font-size: 30px; font-weight: bold; background-color: white;" type="text"/></span></p>
</form>
<p><span style="font-family: Ubuntu;"><input class="size-of-web-browser-window_button" id="refreshButton" style="font-size: 15px;" type="button" value="Refresh"/></span></p>

<script src="size-of-web-browser-window.js"></script>