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 属性


http://www.vxiaotou.com