如何在 JavaScript 中获取屏幕的像素深度和颜色深度?
javascriptobject oriented programmingfront end technology
Javascript window 对象提供了许多方法来获取有关浏览器的各种信息。它提供了 screen.colorDepth 和 screen.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