橘子味的心
标题:JavaScript window screen


window.screen 对象包含有关用户屏幕的信息。


窗口屏幕

window.screen 对象可以不用窗口window前缀书写。

属性:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

窗口的屏幕宽度

screen.width 属性返回访问者屏幕的像素宽度.

document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;

让我试试


窗口的屏幕高度

screen.height 属性返回访问者屏幕的像素高度.

document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;

让我试试


窗口可用宽度

screen.availWidth 属性返回访问者的屏幕宽度,以像素为单位,减去的界面功能,如Windows任务栏。

document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;

让我试试


窗口可用高度

screen.availHeight 属性返回访问者屏幕高度,以像素为单位,减去的界面功能,如Windows任务栏。

document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;

让我试试


窗口颜色深度

screen.colorDepth 属性返回用于显示一个颜色的位数.

所有现代计算机使用24位或32位硬件彩色分辨率:

  • 24 bits = 16,777,216 种不同 "True Colors"
  • 32 bits = 4,294,967,296 种不同 "Deep Colors"

旧电脑使用16位:65536种不同的“高色”分辨率。

很旧的电脑,和旧手机用8位:256种不同的“VGA颜色”。

document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;

让我试试

#rrggbb (rgb) 用于HTML值代表 "True Colors" (16,777,216 different colors)


窗口像素深度

screen.pixelDepth 属性返回屏幕的像素深度。

document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;

让我试试

对于现代计算机来说,颜色深度和像素深度相等.


目录

分类