Browser window width and height
Live data based on your current browser. Resizing browser window will change values here.
| Property | Value |
|---|---|
| outer width,height | – x – |
| inner width,height | – x – |
Device screen width and height
Live data based on your current device.
| Property | Value |
|---|---|
| Screen width,height | – x – |
| Screen available width,height | – x – |
Javascript code to display window and device screen width/height
<script type="text/javascript">
function update ($) {
$("#window-ow").text(window.outerWidth);
$("#window-oh").text(window.outerHeight);
$("#window-iw").text(window.innerWidth);
$("#window-ih").text(window.innerHeight);
$("#screen-w").text(screen.width);
$("#screen-h").text(screen.height);
$("#screen-aw").text(screen.availWidth);
$("#screen-ah").text(screen.availHeight);
}
jQuery(function() {
var $ = jQuery;
update($);
$(window).resize(function() {
update($);
});
});
</script>