说说 JavaScript 中 BOM 的 screen 对象

screen 对象对于编程用处不大，它只能用来表明客户端的能力：

属性 说明 是否只读 IE Firefox Safari/Chrome Opera availHeight 屏幕的像素高度减去系统部件高度后的值 是 支持 支持 支持 支持 availLeft 未被系统占用的最左侧的像素值 是 - 支持 支持 - availTop 未被系统占用的最上方的像素值 是 - 支持 支持 - availWidth 屏幕的像素宽度减去系统部件宽度后的值 是 支持 支持 支持 支持 bufferDepth 位图的位数 - 支持 - - - colorDepth 颜色的位数 是 支持 支持 支持 支持 deviceXDPI 屏幕实际的水平 DPI 是 支持 - - - deviceYDPI 屏幕实际的垂直 DPI 是 支持 - - - fontSmoothingEnabled 是否启用了字体平滑设置 是 支持 - - - height 屏幕的像素高度 - 支持 支持 支持 支持 left 屏幕距左边的像素距离 - - 支持 - - logicalXDPI 屏幕逻辑的水平 DPI 是 支持 - - - logicalYDPI 屏幕逻辑的垂直 DPI 是 支持 - - - pixelDepth 屏幕的位深 - - 支持 支持 支持 top 屏幕距上边的距离 - - 支持 - - updateInterval 以毫秒为单位的屏幕刷新的时间间隔 - 支持 - - - width 屏幕的像素宽度 - 支持 支持 支持 支持

这些信息经常用于那些测试客户端能力的站点跟踪工具中。

可以这样调整浏览器窗口的大小，时期占据整个屏幕的可用空间：

window.resizeTo(screen.availWidth, screen.availHeight);

移动设备比较有趣，运行 iOS 的设备始终会像是把设备竖着拿在手里似的，因此会返回这样的值：768 * 1024。Android 设备则会直接调用 screen.width 和 screen.height 的值。