参考手册
Screen 对象
height
width
返回 Screen 对象

Window screen.pixelDepth 属性

实例

获取屏幕的颜色分辨率：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h2>pixelDepth 属性</h2>
  7. <p id="demo">
  9. <script>
  10. let depth = screen.pixelDepth;
  11. document.getElementById("demo").innerHTML = depth + " bits per pixel";
  12. </script>
  14. </body>
  15. </html>
运行一下

定义与用法

pixelDepth 属性返回屏幕的颜色深度。

pixelDepth 属性返回颜色深度，单位为位/像素。

pixelDepth 属性是只读的。

也可以参考:

screen.colorDepth 属性

备注

Internet Explorer 9 及更早版本不支持 pixelDepth 属性。

但是，pixelDepth 和 colorDepth 返回相同的值。

由于所有浏览器都支持 colorDepth，因此请改用该属性。

语法

  1. screen.pixelDepth

返回值

Type描述
一个数字颜色分辨率（单位：位/像素）:
1, 4, 8, 15, 16, 24, 32, or 48。

更多实例

所有 screen 属性:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h2>Screen 属性</h2>
  7. <div id="demo"></div>
  9. <script>
  10. let text = "Total width/height: " + screen.width + "*" + screen.height + "<br>" +
  11. "Available width/height: " + screen.availWidth + "*" + screen.availHeight + "<br>" +
  12. "Color depth: " + screen.colorDepth + "<br>" +
  13. "Color resolution: " + screen.pixelDepth;
  15. document.getElementById("demo").innerHTML = text;
  16. </script>
  18. </body>
  19. </html>
运行一下

浏览器支持

screen.pixelDepth 所有浏览器都支持:

属性
screen.pixelDepth YesYesYesYesYes

相关页面

screen.availHeight 属性

screen.availWidth 属性

screen.height 属性

screen.width 属性

height
width

分类导航