ScreenDetailed: availLeft 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

安全上下文: 此功能仅在安全上下文(HTTPS)中可用,且支持此功能的浏览器数量有限。

ScreenDetailed 接口的只读属性 availLeft 是一个数字,表示在操作系统虚拟屏幕布局中,相对于 多屏幕原点 的可用屏幕区域的 x 坐标(左边缘)。

这等于 ScreenDetailed.left 属性,再加上绘制在屏幕左侧的任何操作系统 UI 元素的宽度。Windows 无法放置在这些区域,因此 availLeft 有助于提供可用于打开或放置窗口的实际区域的左边界。

注意: 在所有浏览器中,Screen 接口上都提供了一个 availLeft 属性的非标准实现。有关用法详情,请参阅下面的 非标准示例,有关非标准实现相关的浏览器支持信息,请参阅 Screen 参考页。

一个数字。

示例

窗口管理 API 示例

js
// Available in browsers that support the Window Management API
const screenDetails = await window.getScreenDetails();

// Return the availLeft value of the first screen
const screen1AvailLeft = screenDetails.screens[0].availLeft;

非标准示例

js
// Available in all browsers
// Return the availLeft value of the current screen
const screenAvailLeft = window.screen.availLeft;

规范

规范
窗口管理
# ref-for-dom-screendetailed-availleft

浏览器兼容性

另见