如何在 JavaScript 中获取屏幕的像素深度和颜色深度?

javascriptobject oriented programmingfront end technology

Javascript window 对象提供了许多方法来获取有关浏览器的各种信息。它提供了 screen.colorDepthscreen.pixelDepth 来分别获取浏览器屏幕的 颜色深度像素深度。让我们分别讨论它们。

颜色深度

window 对象提供了 screen.colorDepth 方法来返回 颜色深度。颜色深度不过是用于显示一种颜色的位数。所有现代计算机都使用 24 位或 32 位硬件来实现颜色分辨率。

示例

<html>
<body>
<p id="depth"></p>
<script>
document.getElementById("depth").innerHTML =
"屏幕颜色深度为 " + screen.colorDepth;
</script>
</body>
</html>

输出

屏幕颜色深度为 24

像素深度

Javascript window 对象 提供了 screen.pixelDepth  来返回浏览器屏幕的 像素深度

示例

<html>
<body>
<p id="depth"></p>
<script>
   document.getElementById("depth").innerHTML =
   "Screen pixel depth is " + screen.pixelDepth;
</script>
</body>
</html>

输出

Screen pixel depth is 24

相关文章