BOM Screen

window.screen 对象是 Screen 接口的实例，包含有关用户屏幕的信息，本文介绍了 screen 对象的用法。

window.screen 对象可以省略 window 前缀。

screen 的主要属性：

• screen.width
• screen.height
• screen.availWidth
• screen.availHeight
• screen.colorDepth
• screen.pixelDepth

屏幕宽度

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

以像素为单位显示屏幕的宽度：

document.getElementById("demo").innerHTML = "Screen Width: " + screen.width;

屏幕高度

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

以像素为单位显示屏幕的高度：

document.getElementById("demo").innerHTML = "Screen Height: " + screen.height;

屏幕可用宽度

screen.availWidth 属性以像素为单位返回访问者屏幕的可用宽度：总屏幕宽度减去 Windows 任务栏的宽度。

以像素为单位显示屏幕的可用宽度：

document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth;

屏幕可用高度

screen.availHeight 属性以像素为单位返回访问者屏幕的可用高度：总屏幕高度减去 Windows 任务栏的高度。

以像素为单位显示屏幕的可用高度：

document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight;

屏幕色深

screen.colorDepth 属性返回用于显示颜色位数，也称颜色深度。

色彩深度计算机图形学领域表示在位图或者视频帧缓冲区中储存 1 像素的颜色所用的位数，它也称为位/像素（bpp）。色彩深度越高，可用的颜色就越多。

所有现代计算机都使用 24 位或 32 位颜色：

• 24 位彩色（真彩色）：每种原色都有 256 个层次，它们的组合便有 256*256*256 种颜色。
• 32 位彩色：除了 24 位彩色的颜色外，额外的 8 位是储存重叠图层的图形资料(alpha 频道)。

显示屏幕的颜色深度：

document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;

HTML 颜色中使用的 #rrggbb (rgb) 值表示“真彩色”（16,777,216 种不同颜色）

像素深度

像素深度是指存储每个像素所用的位数，也用它来度量图像的分辨率。

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

显示屏幕的像素深度：

document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;

对于现代计算机，颜色深度和像素深度是相等的。