JavaScript HTML DOM Screen colorDepth 属性

• 

  colorDepth 属性

  colorDepth属性返回用于显示图像的调色板的位深度（以每像素位数为单位）。

  获取调色板的位深度：

  var x = "调色板的位深度: " + screen.colorDepth;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  colorDepth	支持	支持	支持	支持	支持

• 

  语法

  screen.colorDepth
• 

  技术细节

  项目	描述
  返回值：	一个数字，表示用于显示图像的调色板的位深度，以每像素位数为单位。可能的值： 每像素1位 每像素4位 每像素8位 每像素15位 每像素16位 每像素24位 每像素32位 每像素48位

• 

  更多例子

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

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

  一个示例中的所有screen属性：

  var txt = "";
  txt += "<p>总 宽/高: " + screen.width + "*" + screen.height + "</p>";
  txt += "<p>可用 宽/高: " + screen.availWidth + "*" + screen.availHeight + "</p>";
  txt += "<p>颜色深度: " + screen.colorDepth + "</p>";
  txt += "<p>颜色解析度: " + screen.pixelDepth + "</p>";
  

  尝试一下