JS Window Screen

window.screen对象包含有关用户屏幕的信息。

屏幕对象

window.screen对象可用于显示屏幕分辨率（屏幕的宽度和高度），颜色深度，像素深度等。

window.screen可以使用简写为没有前缀(window.)的对象。

screen对象具有以下属性：

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

下一节将向您展示如何使用窗口对象的screen对象属性获取用户显示的信息。

屏幕宽度

screen.width属性返回访问者屏幕的总宽度（以像素为单位）。

var x = screen.width;

屏幕高度

screen.height属性返回访问者屏幕的总高度（以像素为单位）。

var x = screen.height;

屏幕可用宽度

screen.availWidth属性返回可用于应用程序窗口的屏幕区域的宽度（以像素为单位）。

应用程序窗口的区域是除任务栏以外的整个屏幕。

var x = screen.availWidth;

屏幕可用高度

screen.availHeight属性返回可用于应用程序窗口的屏幕区域的高度（以像素为单位）。

应用程序窗口的区域是除任务栏以外的整个屏幕。

var x = screen.availHeight;

窗口屏幕色彩深度

screen.colorDepth属性返回用户屏幕的颜色深度。

色深是用于表示单个像素颜色的位数。

颜色深度表示设备屏幕能够产生多少颜色。

例如，颜色深度为8的屏幕可以产生256种颜色（2 ⁸）。

var x = screen.colorDepth;

当前，大多数设备的屏幕具有24或32的色深。简单来说，更多的位会产生更多的颜色变化，例如24位可以产生2 ²⁴ = 16,777,216色变化（真彩色），而32位可以产生2 ³² = 4,294,967,296色变化（深色）。

窗口屏幕像素深度

screen.pixelDepth属性返回屏幕的位深度。

像素深度是系统显示硬件每像素使用的位数。

对于现代设备，颜色深度和像素深度相等。

var x = screen.pixelDepth;

更多示例

此示例显示所有屏幕属性：

var txt = "";
txt += "<p>总宽/高: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>可用宽度/高度: " + screen.availWidth + "*" + screen.availHeight +"</p>";
txt += "<p>颜色深度: " + screen.colorDepth + "</p>";
txt += "<p>色彩分辨率: " + screen.pixelDepth + "</p>";
document.write(txt);