Skip to main content

Screen 显示屏对象

一、属性​

1、screen.width​

返回屏幕的宽度。

screen.width
// 2048

2、screen.availWidth​

返回浏览器窗口在屏幕上可占用的最大宽度。

screen.availWidth
// 2048

3、screen.height​

返回屏幕的高度。

screen.height
// 1152

4、screen.availHeight​

返回浏览器窗口在屏幕上可占用的最大高度。

screen.availHeight
// 1063

5、screen.colorDepth​

返回屏幕的颜色深度（color depth）

screen.colorDepth
// 30

// 检测屏幕的颜色深度
if (window.screen.colorDepth < 8) {
  // 使用低色彩版本页面
} else {
  // 使用常规的彩色版页面
}

6、screen.pixelDepth​

返回屏幕的颜色分辨率（每像素的位数）

screen.pixelDepth
// 30

// 如果没有足够的颜色分辨率，就选择一个更纯的颜色
if (window.screen.pixelDepth > 8) {
  document.style.color = "#FAEBD7";
} else {
  document.style.color = "#FFFFFF";
}