JS Browser BOM ---window screen

window.screen对象包含用户屏幕信息

Window Screen

属性：

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

宽度–screen.width

返回以像素计的访问者屏幕宽度

高度–screen.height

返回以像素计的访问者屏幕高度

可用宽度–screen.availWidth

属性返回访问者屏幕的宽度，以像素计，减去诸如窗口工具条之类的界面特征。

可用高度–screen.availHeight

screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去诸如窗口工具条之类的界面特征。

Window Screen 色深

screen.colorDepth 属性返回用于显示一种颜色的比特数。

所有现代计算机都使用 24 位或 32 位硬件的色彩分辨率：

• 24 bits =16,777,216 种不同的 “True Colors”
• 32 bits = 4,294,967,296 中不同的 “Deep Colors”
  更老的计算机使用 14 位：65,536 种不同的 “High Colors” 分辨率。

异常古老的计算机，以及老式的手机使用 8 位：256 中不同的 “VGA colors”。
实例
显示以位计的屏幕色彩深度：

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

结果将是：

Screen Color Depth: 24

HTML 中使用的 #rrggbb (rgb) 值代表 “True Colors” （16,777,216 中不同的颜色）。

Window Screen 像素深度

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

实例
显示以位计的屏幕像素深度：

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

结果将是：

Screen Pixel Depth: 24

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