Javascript Screen

The screen object holds information on the browser screen. It can be provide to display screen width, height, color depth, pixel depth, etc.

The navigator object is the window property. so it can be accessed by:

window.screen  
Or,
screen

Properties:

width
height
availWidth
availHeight
colorDepth
pixelDepth

EXAMPLE:

<html>
<body>
<script> 
document.writeln("<br/>screen.width: "+screen.width); 
document.writeln("<br/>screen.height: "+screen.height); 
document.writeln("<br/>screen.availWidth: "+screen.availWidth); 
document.writeln("<br/>screen.availHeight: "+screen.availHeight); 
document.writeln("<br/>screen.colorDepth: "+screen.colorDepth); 
document.writeln("<br/>screen.pixelDepth: "+screen.pixelDepth); 
</script>
</body>
</html>

OUTPUT:

screen.width: 1366
screen.height: 768
screen.availWidth: 1366
screen.availHeight: 728
screen.colorDepth: 24
screen.pixelDepth: 24