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 wyświetlania za pomocą JavaScriptu lub CSS. Jest on dostępny w Chrome w wersji 138.

Segmenty obszaru wyświetlania są tworzone, gdy obszar wyświetlania jest dzielony przez co najmniej 1 element sprzętowy, np. zagięcie lub zawias między oddzielnymi wyświetlaczami, który działa jak separator.

Segmenty to obszary widoku, które podczas tworzenia witryny lub aplikacji możesz traktować jako logicznie odrębne. Te interesujące interfejsy API umożliwiają tworzenie lub optymalizowanie interfejsu specjalnie pod kątem urządzeń składanych. Może to być np. utworzenie interfejsu użytkownika z 2 panelami lub po prostu uniknięcie sytuacji, w której treść jest rozłożona na 2 części strony.

W porównaniu z eksperymentem, który przeprowadziliśmy w zeszłym roku, wprowadziliśmy 2 zmiany:

• Atrybut JavaScriptu segments znajduje się teraz w nowo dodanym obiekcie window.viewport, a nie w obiekcie window.visualViewport.
• Działanie właściwości segments, 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 jednym segmentem reprezentującym rozmiar całego obszaru wyświetlania.

Sprawdź wersje demonstracyjne na urządzenia składane, aby zobaczyć, jak działa interfejs API.