Screen - Web API 接口参考 编辑

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

返回从最左边界到当前屏幕的像素值。

Screen.orientation

返回当前屏幕的转向。

Screen.pixelDepth

获取屏幕的像素点

Screen.top

返回最上边界到当前屏幕的像素值。

Screen.width

返回屏幕的宽度。

Screen.mozEnabled

布尔值。如果设置为false讲关闭设备的屏幕。

Screen.mozBrightness

控制设备屏幕的亮度。期望参数是0-1.0之间的浮点数。

Events handler

Screen.onorientationchange

对orientationchange 事件的时间处理器。

 

方法

Screen.lockOrientation

锁定屏幕转向(仅在全屏或者已安装的APP中生效)

Screen.unlockOrientation

解锁屏幕转向(仅在全屏或者已安装的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.

Additional methods in Mozilla chrome codebase

Mozilla includes a couple of extensions for use by JS-implemented event targets to implement onevent properties.

See also WebIDL bindings.

• void setEventHandler(DOMString type, EventHandler handler)
• EventHandler getEventHandler(DOMString type)

示例

if (screen.pixelDepth < 8) {
  // use low-color version of page
} else {
  // use regular, colorful page
}

标准文档说明

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.