Viewport: segments プロパティ
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
segments は Viewport インターフェイスの読み取り専用のプロパティで、表示領域全体の中のそれぞれのビューポートセグメントの位置とサイズを表す DOMRect オブジェクトの配列を返します。
値
DOMRect オブジェクトの配列です。
例
基本的な Viewport.segments の使い方
このスニペットはビューポート内のそれぞれのセグメントをループ処理し、インデックス数値、幅、高さを詳細に記述した文字列をコンソールにログ出力します。
js
const segments = window.viewport.segments;
segments.forEach((segment) =>
console.log(
`セグメント ${segments.indexOf(segment)} は ${segment.width}px x ${segment.height}px`,
),
);
仕様書
| Specification |
|---|
| CSS Viewport Module Level 1 # dom-viewport-segments |
ブラウザーの互換性
関連情報
- ビューポートセグメント API
- CSSOM view API
- Origin trial for Foldable APIs - developer.chrome.com (2024)