Screen
Screen 接口表示一个屏幕窗口，往往指的是当前正在被渲染的window对象，可以使用 window.screen 获取它。
请注意：由浏览器决定提供屏幕对象，此对象一般通过当前浏览器窗口活动状态动态检测来得到。
属性
Screen.availTop- Specifies the y-coordinate of the first pixel that is not allocated to permanent or semipermanent user interface features.
Screen.availLeft- 返回屏幕左边边界的第一个像素点
Screen.availHeight- Specifies the height of the screen, in pixels, minus permanent or semipermanent user interface features displayed by the operating system, such as the Taskbar on Windows.
Screen.availWidth- 返回窗口中水平方向可用空间的像素值。
Screen.colorDepth- 返回屏幕的色彩深度。
Screen.height- 以像素为单位返回屏幕的高度。
Screen.left(en-US)- 返回从最左边界到当前屏幕的像素值。
Screen.orientation- 返回当前屏幕的转向。
Screen.pixelDepth- 获取屏幕的像素点
Screen.top(en-US)- 返回最上边界到当前屏幕的像素值。
Screen.width- 返回屏幕的宽度。
Screen.mozEnabled(en-US)- 布尔值。如果设置为false讲关闭设备的屏幕。
Screen.mozBrightness(en-US)- 控制设备屏幕的亮度。期望参数是0-1.0之间的浮点数。
Events handler
方法
Screen.lockOrientation- 锁定屏幕转向(仅在全屏或者已安装的APP中生效)
Screen.unlockOrientation(en-US)- 解锁屏幕转向(仅在全屏或者已安装的APP中生效)
方法继承于 EventTarget
EventTarget.addEventListener()- Registers an event handler of a specific event type on the
EventTarget. EventTarget.removeEventListener()- Removes an event listener from the
EventTarget. EventTarget.dispatchEvent()- Dispatches an event to this
EventTarget.
示例
if (screen.pixelDepth < 8) {
// use low-color version of page
} else {
// use regular, colorful page
}
标准文档说明
| Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) View Module Screen |
Working Draft |
浏览器兼容性
BCD tables only load in the browser