Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 schreibgeschützte Eigenschaft des Viewport-Interfaces gibt ein Array von DOMRect-Objekten zurück, die die Position und Abmessungen jedes Viewport-Segments innerhalb der gesamten Anzeige 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 protokollieren, die die Indexnummer, Breite und Höhe detailliert beschreibt.

js
const segments = window.viewport.segments;

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

Spezifikationen

Specification
CSS Viewport Module Level 1
# dom-viewport-segments

Browser-Kompatibilität

Siehe auch