Viewport: segments-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die segments-Eigenschaft, die nur lesbar ist, der Viewport-Schnittstelle gibt ein Array von DOMRect-Objekten zurück, die die Position und die Abmessungen jedes Viewport-Segments innerhalb des gesamten Displays darstellen.

Wert

Ein Array von DOMRect-Objekten.

Beispiele

Grundlegende Verwendung von `Viewport.segments`

Dieses Snippet wird durch jedes Segment im Viewport schleifen und eine Zeichenkette in die Konsole ausgeben, die die Indexnummer, Breite und Höhe beschreibt.

const segments = window.viewport.segments;

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