Screen - 表示一个屏幕

Screen 接口表示一个屏幕,通常是当前窗口呈现时所在的屏幕,可以通过 window.screen 获得。

请注意,浏览器通过检测哪个屏幕位于浏览器窗口的中心来确定报告哪个屏幕为当前屏幕。

属性

Screen.availTop

指定未分配给永久或半永久用户界面功能的第一个像素的 y 坐标。

Screen.availLeft

返回屏幕左侧可用的第一个可用像素。

Screen.availHeight

指定屏幕的高度,以像素为单位,减去操作系统显示的永久或半永久用户界面功能,例如 Windows 上的 “任务栏”。

Screen.availWidth

返回窗口可用的水平空间量(以像素为单位)。

Screen.colorDepth

返回屏幕的颜色深度。

Screen.height

返回屏幕的高度(以像素为单位)。

Screen.left

返回从主屏幕左侧到当前屏幕左侧的距离(以像素为单位)。

Screen.orientation

返回与此屏幕关联的 ScreenOrientation 实例。

Screen.pixelDepth

获取屏幕的位深度。

Screen.top

返回距当前屏幕顶部的距离(以像素为单位)。

Screen.width

返回屏幕的宽度。

Screen.mozEnabled

一个布尔值。设置为 false 将关闭设备的屏幕。

Screen.mozBrightness

控制设备屏幕的亮度。预期介于 0 和 1.0 之间的双精度数。

事件处理程序

Screen.onorientationchange

orientationchange 事件的处理程序。

方法

该接口从 EventTarget 继承了方法。

Screen.lockOrientation

锁定屏幕方向(仅适用于全屏或已安装的应用)

Screen.unlockOrientation

解锁屏幕方向(仅适用于全屏或已安装的应用)

实例

if (screen.pixelDepth < 8) {
  // 使用低色彩颜色版本的页面
} else { 
  // 使用常规的彩色页面
}

规范

规范 状态 备注
CSS Object Model (CSSOM) View Module
Screen 的定义
工作草案 初始定义。

桌面浏览器兼容性

特性ChromeEdgeFirefoxInternet ExplorerOperaSafari
基础支持 支持 支持 支持 支持 支持 支持
availHeight40121 支持 未知 支持6
availLeft 支持 不支持 支持 未知 支持6
availTop40 不支持 支持 未知 支持6
availWidth 支持121 支持 未知 支持6
colorDepth40212 支持 未知 支持6
height 支持12 支持 未知 支持6
left 不支持 支持 支持 未知 不支持 支持
lockOrientation38 未知 支持 moz 11 ms 支持 不支持
mozBrightness 不支持 不支持12 不支持 不支持 不支持
mozEnabled 不支持 不支持12 不支持 不支持 不支持
onorientationchange 不支持 不支持 不支持 不支持 不支持 不支持
orientation38 未知

支持

支持 moz

11 ms 425 不支持
pixelDepth40212 支持 未知 支持6
top 不支持 支持 支持 未知 不支持 支持
unlockOrientation38 未知 支持 moz 11 ms 支持 不支持
width4012 支持 未知 支持6

移动浏览器兼容性

特性AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基础支持 支持 支持 未知 支持 未知 支持 支持
availHeight4040 未知 支持 未知 支持 支持
availLeft 支持 支持 未知 支持 未知 支持 未知
availTop4040 未知 支持 未知 支持 未知
availWidth 支持 支持 未知 支持 未知 支持 支持
colorDepth402402 未知 支持 未知 支持 支持
height 支持 支持 未知 支持 未知 支持 支持
left 不支持 不支持 未知 支持 未知 不支持 未知
lockOrientation3838 未知 支持 moz 未知 支持 不支持
mozBrightness 不支持 不支持 未知14 未知 不支持 不支持
mozEnabled 不支持 不支持 未知14 未知 不支持 不支持
onorientationchange 不支持 不支持 未知 支持3 未知 不支持 不支持
orientation 不支持39 未知

支持

支持 moz

未知 不支持 不支持
pixelDepth 支持2 支持2 未知 支持 未知 支持 支持
top 不支持 不支持 未知 支持 未知 不支持 未知
unlockOrientation3838 未知 支持 moz 未知 支持 不支持
width4040 未知 支持 未知 支持 支持

1. 始终反映主屏幕。

2. 从版本 59 开始,不再需要此属性以始终返回 24。

3. 通过 onmozorientationchange 支持。

4. Windows 7 不支持。