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
Loading…
Siehe auch
- Viewport Segments API
- Visual viewport API
- Origin trial for Foldable APIs über developer.chrome.com (2024)