תמיכה במכשירים מתקפלים באמצעות Viewport Segments API

Alexis Menard
Alexis Menard

פורסם: 9 ביוני 2025

ה-API של פלחים באזור התצוגה מאפשר גישה למיקום ולממדים של אזור נפרד מבחינה לוגית באזור התצוגה באמצעות JavaScript או CSS, והוא זמין מ-Chrome 138.

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: not supported.
  • Safari: not supported.

קטעי אזור תצוגה נוצרים כשאזור התצוגה מפולח על ידי תכונות חומרה אחת או יותר – כמו קיפול או ציר בין מסכים נפרדים – שפועלות כמחיצה.

פלחים הם אזורים באזור התצוגה שאפשר להתייחס אליהם כאל אזורים נפרדים מבחינה לוגית כשמפתחים אתר או אפליקציה. בעזרת ממשקי ה-API המעניינים האלה אפשר ליצור או לייעל את הממשק במיוחד למכשירים מתקפלים. לדוגמה, ליצור חוויית משתמש עם שני חלונות, או פשוט למנוע מצב שבו התוכן נפרס על פני החלק התחתון של המסך.

מאז ניסוי המקור שערכנו בשנה שעברה, בוצעו שני שינויים:

  • מאפיין ה-JavaScript‏ segments נמצא עכשיו באובייקט window.viewport שנוסף לאחרונה ולא באובייקט window.visualViewport.
  • התנהגות המאפיין segments כשמכשיר לא מקופל תואמת להתנהגות CSS של התכונה הזו. כשמכשיר לא מקופל (או שלא ניתן לקפל אותו), המאפיין segments יכיל מערך של פלח יחיד שמייצג את הגודל של כל אזור התצוגה.

כדאי לעיין בהדגמות של מכשירים מתקפלים כדי לראות את ה-API בפעולה.

מכשיר מתקפל שמוצג בו דף אינטרנט שמחולק לשני פלחים לוגיים לאורך הציר.