Window screen.colorDepth 属性

定义和用法

colorDepth 属性返回屏幕的颜色深度。

colorDepth 属性返回每像素位的深度。

colorDepth 属性是只读的。

实例

例子 1

获取调色板的位深度：

let depth = screen.colorDepth;

亲自试一试

例子 2

为 8 位屏幕显示替代背景颜色（为避免不支持现代颜色的 8 位屏幕使用难看的替代颜色）：

if (screen.colorDepth <= 8)
  //8 位屏幕的简单蓝色背景颜色
  document.body.style.background = "#0000FF"
else
  //现代屏幕的绚丽的蓝色背景颜色
  document.body.style.background = "#87CEFA"

亲自试一试

例子 3

所有屏幕属性：

let text = "Total width/height: " + screen.width + "*" + screen.height + "<br>" +
"Available width/height: " + screen.availWidth + "*" + screen.availHeight + "<br>" +
"Color depth: " + screen.colorDepth + "<br>" +
"Color resolution: " + screen.pixelDepth;

亲自试一试

语法

screen.colorDepth

返回值

类型 描述
数字

屏幕调色板的深度（以每像素位数为单位）：

1, 4, 8, 15, 16, 24, 32, 或 48。

浏览器支持

所有浏览器都支持 screen.colorDepth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持

相关页面

screen.availHeight 属性

screen.availWidth 属性

screen.height 属性

screen.width 属性