Viewport Segments API ile katlanabilir cihazları destekleme

Alexis Menard

Yayınlanma tarihi: 9 Haziran 2025

Görüntü alanı segmentleri API'si, görüntü alanının mantıksal olarak ayrı bir bölgesinin konumuna ve boyutlarına JavaScript veya CSS ile erişim sunar ve Chrome 138'den itibaren kullanılabilir.

Görüntü alanı, bir veya daha fazla donanım özelliği (ör. ayrı ekranlar arasındaki katlama veya menteşe) tarafından bölündüğünde görüntü alanı segmentleri oluşturulur. Bu özellikler, ayırıcı görevi görür.

Segmentler, sitenizi veya uygulamanızı geliştirirken mantıksal olarak farklı şekilde ele alabileceğiniz görünüm alanı bölgeleridir. Bu heyecan verici API'ler, arayüzünüzü özellikle katlanabilir cihazlar için oluşturmanıza veya optimize etmenize olanak tanır. Örneğin, çift bölmeli bir kullanıcı deneyimi oluşturabilir veya içeriğin katlanma çizgisinin ötesine geçmesini önleyebilirsiniz.

Geçen yıl gerçekleştirdiğimiz kaynak denemesinden bu yana iki değişiklik yapıldı:

• segments JavaScript özelliği artık window.visualViewport yerine yeni eklenen window.viewport nesnesinde bulunuyor.
• Cihaz katlanmadığında segments özelliği davranışı, bu özelliğin CSS davranışı ile uyumlu hale getirildi. Bir cihaz katlanmadığında (veya katlanamadığında) segments özelliği, görünüm alanının tamamını temsil eden tek bir segment dizisi içerir.

API'nin nasıl çalıştığını görmek için katlanabilir cihaz demolarını inceleyin.