概述
window.screen 对象包含有关客户端显示屏幕的信息。
注释:没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象。
每个 window 对象的 screen 属性都引用一个 screen 对象。screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将利用这些信息来优化它们的输出,以达到用户的显示要求。例如,一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像,它还可以根据显示器的颜色深度选择使用 16 位色还是使用 8 位色的图形。另外,JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。
属性
属性 | 描述 | 示例 | 注 |
---|---|---|---|
availWidth | 返回显示屏幕的宽度 (除 Windows 任务栏之外) | 1920 | 此次任务栏在下方 |
availHeight | 返回显示屏幕的高度 (除 Windows 任务栏之外) | 1040 | |
width | 返回显示屏幕的宽度 | 1920 | |
height | 返回显示屏幕的高度 | 1080 | |
logicalXDPI | 返回显示屏幕每英寸的水平方向的常规点数。 | undefined | |
logicalYDPI | 返回显示屏幕每英寸的垂直方向的常规点数。 | undefined | |
deviceXDPI | 返回显示屏幕的每英寸水平点数 | undefined | |
deviceYDPI | 返回显示屏幕的每英寸垂直点数。 | undefined | |
bufferDepth | 设置或返回调色板的比特深度 | undefined | |
colorDepth | 返回目标设备或缓冲器上的调色板的比特深度 | 24 | |
fontSmoothingEnabled | 返回用户是否在显示控制面板中启用了字体平滑 | undefined | window7打开测试了下,发现没什么卵用,打不打开都是undefined |
pixelDepth | 返回显示屏幕的颜色分辨率(比特每像素) | 24 | |
updateInterval | 设置或返回屏幕的刷新率 | undefined |
解释:
-
windows 任务栏:
总结
window.screen最大的用处,应该是判断显示器屏幕的大小,以此做适配。
参考
w3c教程