目录

window screen.colorDepth

❮上一节 ❮ 屏幕对象参考下一节❯

示例

获取调色板的位深度：

let depth = screen.colorDepth;

亲自试一试 »

下面有更多 "亲自试一试" 示例。

描述

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

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

这个colorDepth属性是只读的。

语法

screen.colorDepth

返回值

类型	描述
一个号码	屏幕调色板的深度（以每像素位数为单位）： 1、4、8、15、16、24、32 或 48。

更多示例

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

if (screen.colorDepth <= 8)
//simple blue background color for 8 bit screens
document.body.style.background = "#0000FF"
else
//fancy blue background color for modern screens
document.body.style.background = "#87CEFA"

亲自试一试 »

所有屏幕属性：

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所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes

相关页面

screen.availHeight 属性

screen.availWidth 属性

screen.height 属性

screen.width 属性

❮上一节 ❮ 屏幕对象参考下一节❯