1. 開発者向けのウェブ技術
  2. Web API
  3. Viewport
  4. segments

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Viewport: segments プロパティ

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

Want more support for this feature? Tell us why.

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`,
  ),
);

仕様書

仕様書
CSS Viewport Module Level 1
# dom-viewport-segments

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告