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 的定义 |
工作草案 | 初始定义。 |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
availHeight | 40 | 121 | 支持 | 未知 | 支持 | 6 |
availLeft | 支持 | 不支持 | 支持 | 未知 | 支持 | 6 |
availTop | 40 | 不支持 | 支持 | 未知 | 支持 | 6 |
availWidth | 支持 | 121 | 支持 | 未知 | 支持 | 6 |
colorDepth | 402 | 12 | 支持 | 未知 | 支持 | 6 |
height | 支持 | 12 | 支持 | 未知 | 支持 | 6 |
left | 不支持 | 支持 | 支持 | 未知 | 不支持 | 支持 |
lockOrientation | 38 | 未知 | 支持 moz | 11 ms | 支持 | 不支持 |
mozBrightness | 不支持 | 不支持 | 12 | 不支持 | 不支持 | 不支持 |
mozEnabled | 不支持 | 不支持 | 12 | 不支持 | 不支持 | 不支持 |
onorientationchange | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 |
orientation | 38 | 未知 | 支持 支持 moz | 11 ms 4 | 25 | 不支持 |
pixelDepth | 402 | 12 | 支持 | 未知 | 支持 | 6 |
top | 不支持 | 支持 | 支持 | 未知 | 不支持 | 支持 |
unlockOrientation | 38 | 未知 | 支持 moz | 11 ms | 支持 | 不支持 |
width | 40 | 12 | 支持 | 未知 | 支持 | 6 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 未知 | 支持 | 未知 | 支持 | 支持 |
availHeight | 40 | 40 | 未知 | 支持 | 未知 | 支持 | 支持 |
availLeft | 支持 | 支持 | 未知 | 支持 | 未知 | 支持 | 未知 |
availTop | 40 | 40 | 未知 | 支持 | 未知 | 支持 | 未知 |
availWidth | 支持 | 支持 | 未知 | 支持 | 未知 | 支持 | 支持 |
colorDepth | 402 | 402 | 未知 | 支持 | 未知 | 支持 | 支持 |
height | 支持 | 支持 | 未知 | 支持 | 未知 | 支持 | 支持 |
left | 不支持 | 不支持 | 未知 | 支持 | 未知 | 不支持 | 未知 |
lockOrientation | 38 | 38 | 未知 | 支持 moz | 未知 | 支持 | 不支持 |
mozBrightness | 不支持 | 不支持 | 未知 | 14 | 未知 | 不支持 | 不支持 |
mozEnabled | 不支持 | 不支持 | 未知 | 14 | 未知 | 不支持 | 不支持 |
onorientationchange | 不支持 | 不支持 | 未知 | 支持3 | 未知 | 不支持 | 不支持 |
orientation | 不支持 | 39 | 未知 | 支持 支持 moz | 未知 | 不支持 | 不支持 |
pixelDepth | 支持2 | 支持2 | 未知 | 支持 | 未知 | 支持 | 支持 |
top | 不支持 | 不支持 | 未知 | 支持 | 未知 | 不支持 | 未知 |
unlockOrientation | 38 | 38 | 未知 | 支持 moz | 未知 | 支持 | 不支持 |
width | 40 | 40 | 未知 | 支持 | 未知 | 支持 | 支持 |
1. 始终反映主屏幕。
2. 从版本 59 开始,不再需要此属性以始终返回 24。
3. 通过 onmozorientationchange
支持。
4. Windows 7 不支持。