Obsługa urządzeń składanych za pomocą interfejsu Viewport Segments API

Alexis Menard

Opublikowano: 9 czerwca 2025 r.

Interfejs Viewport Segments API umożliwia dostęp do pozycji i wymiarów logicznie oddzielonego regionu obszaru widocznego zarówno w JavaScript, jak i CSS. Jest dostępny w Chrome 138.

Segmenty obszaru widocznego są tworzone, gdy obszar widoczny jest dzielony przez co najmniej 1 funkcję sprzętową, np. zagięcie lub zawias między oddzielnymi ekranami, które działają jako separator.

Segmenty to regiony obszaru widocznego, które podczas tworzenia witryny lub aplikacji możesz traktować jako logicznie odrębne. Te ciekawe interfejsy API umożliwiają tworzenie lub optymalizowanie interfejsu specjalnie pod kątem urządzeń składanych. Możesz na przykład utworzyć interfejs użytkownika z 2 panelami lub po prostu uniknąć układania treści wzdłuż zagięcia.

Od czasu testu origin, który przeprowadziliśmy w zeszłym roku, wprowadziliśmy 2 zmiany:

• Atrybut JavaScript segments znajduje się teraz w nowo dodanym obiekcie window.viewport, a nie w window.visualViewport.
• Działanie właściwości segments w przypadku, gdy urządzenie nie jest złożone, zostało dostosowane do działania tej funkcji w CSS. Gdy urządzenie nie jest złożone (lub nie można go złożyć), właściwość segments będzie zawierać tablicę z 1 segmentem reprezentującym cały rozmiar obszaru widocznego.

Aby zobaczyć, jak działa interfejs API, zapoznaj się z demonstracjami na urządzeniach składanych .