Viewport: segments 属性

可用性有限

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

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

segmentsViewport 接口的一个只读属性,它返回一个由 DOMRect 对象组成的数组,表示整体显示器中每个视口片段的位置和尺寸。

一个由 DOMRect 对象组成的数组。

示例

基本的 Viewport.segments 用法

此代码片段将遍历视口中的每个片段,并将包含索引号、宽度和高度的字符串记录到控制台。

js
const segments = window.viewport.segments;

segments.forEach((segment) =>
  console.log(
    `Segment ${segments.indexOf(segment)} is ${segment.width}px x ${segment.height}px`,
  ),
);

规范

规范
CSS 视口模块级别 1
# dom-viewport-segments

浏览器兼容性

另见