ScreenDetailed: availLeft 属性

实验性: 这是一个实验性技术
在生产环境中使用此功能之前,请仔细查看浏览器兼容性表格

安全上下文: 此功能仅在安全上下文(HTTPS)中,某些或所有支持的浏览器中可用。

availLeftScreenDetailed 接口的一个只读属性,它是一个数字,表示 OS 虚拟屏幕排列中可用屏幕区域的 x 坐标(左边缘),相对于多屏原点

它等于 ScreenDetailed.left 属性加上绘制在屏幕左侧的任何 OS UI 元素的宽度。窗口不能放置在这些区域,因此 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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见