最新的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>";
試一試»

<屏幕對象