JavaScript Screen Object

The JavaScript screen object holds information of browser screen. It can be used to display screen width, height, colorDepth, pixelDepth etc.

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

Or,

Property of JavaScript Screen Object

There are many properties of screen object that returns information of the browser.

Example of JavaScript Screen Object

Let’s see the different usage of screen object.

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