最新的Web开发教程
 

Screen colorDepth Property

<屏幕对象

获取调色板的比特深度:

var x = "Color Depth: " + screen.colorDepth;

x的结果将是:

试一试»

更多"Try it Yourself"下面的例子。


定义和用法

的颜色质量汇总属性返回调色板,用于显示图像的位深度(in bits per pixel)


浏览器支持

属性
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"
试一试»

在一个示例中,所有屏幕属性:

var txt = "";
txt += "<p>Total width/height: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>Available width/height: " + screen.availWidth + "*" + screen.availHeight + "</p>";
txt += "<p>Color depth: " + screen.colorDepth + "</p>";
txt += "<p>Color resolution: " + screen.pixelDepth + "</p>";
试一试»

<屏幕对象