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