screen对象

news/2024/4/19 5:19:51/文章来源:https://blog.csdn.net/zf888999666/article/details/127610544

JavaScript中有几个对象在编程中用处不大，而screen对象就是其中之一。screen对象基本上只用来表明客户端的能力，其中包括浏览器窗口外部的显示器的信息，如像素宽度和高度等。每个浏览器中的screen对象都包含着各不相同的属性，下表列出了所有属性及支持相应属性的浏览器。
属　　性说　　明

IEFirefoxSafari/ChromeOperaavailHeight屏幕的像素高度减系统部件高度之后的值（只读）√√√√

availLeft未被系统部件占用的最左侧的像素值（只读）√√

availTop未被系统部件占用的最上方的像素值（只读）√√

availWidth屏幕的像素宽度减系统部件宽度之后的值（只读）√√√√

bufferDepth读、写用于呈现屏外位图的位数√

colorDepth用于表现颜色的位数；多数系统都是32（只读）√√√√

deviceXDPI屏幕实际的水平DPI（只读）√

deviceYDPI屏幕实际的垂直DPI（只读）√

fontSmooth-ingEnabled表示是否启用了字体平滑（只读）√

height屏幕的像素高度√√√√

left当前屏幕距左边的像素距离√

logicalXDPI屏幕逻辑的水平DPI（只读）√

logicalYDPI屏幕逻辑的垂直DPI（只读）√

pixelDepth屏幕的位深（只读）√√√

top当前屏幕距上边的像素距离√

updateInterval读、写以毫秒表示的屏幕刷新时间间隔√

width屏幕的像素宽度√√√√
这些信息经常集中出现在测定客户端能力的站点跟踪工具中，但通常不会用于影响功能。不过，有时候也可能会用到其中的信息来调整浏览器窗口大小，使其占据屏幕的可用空间，例如：
window.resizeTo(screen.availWidth, screen.availHeight);

前面曾经提到过，许多浏览器都会禁用调整浏览器窗口大小的能力，因此上面这行代码不一定在所有环境下都有效。
涉及移动设备的屏幕大小时，情况有点不一样。运行iOS的设备始终会像是把设备竖着拿在手里一样，因此返回的值是768×1024。而Android设备则会相应调用screen.width和screen.height的值。