תמיכה במכשירים מתקפלים באמצעות 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.

Source

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

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

מאז גרסת מקור לניסיון שערכנו בשנה שעברה, חלו שני שינויים:

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

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

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