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

瀏覽器相容性

另見