Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
תמיכה במכשירים מתקפלים באמצעות Viewport Segments API
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
תאריך פרסום: 9 ביוני 2025
ה-API של פלחים באזור התצוגה מאפשר גישה למיקום ולממדים של אזור נפרד מבחינה לוגית באזור התצוגה באמצעות JavaScript או CSS, והוא זמין מ-Chrome 138.
קטעי אזור תצוגה נוצרים כשאזור התצוגה מפולח על ידי תכונות חומרה אחת או יותר – כמו קיפול או ציר בין מסכים נפרדים – שפועלות כמחיצה.
פלחים הם אזורים באזור התצוגה שאפשר להתייחס אליהם כאל אזורים נפרדים מבחינה לוגית כשמפתחים אתר או אפליקציה. ממשקי ה-API המעניינים האלה מאפשרים ליצור או לייעל את הממשק במיוחד למכשירים מתקפלים. לדוגמה, אפשר ליצור חוויית משתמש עם שני חלונות או פשוט להימנע מפריסת תוכן על פני הקיפול.
מאז גרסת מקור לניסיון שערכנו בשנה שעברה, חלו שני שינויים:
- מאפיין ה-JavaScript
segments נמצא עכשיו באובייקט window.viewport שנוסף לאחרונה ולא ב-window.visualViewport.
- התנהגות המאפיין
segments כשמכשיר לא מקופל תואמת להתנהגות ה-CSS של התכונה הזו. כשמכשיר לא מקופל (או שלא ניתן לקפל אותו), המאפיין segments יכיל מערך של פלח יחיד שמייצג את הגודל הכולל של אזור התצוגה.
כדאי לעיין בהדגמות של מכשירים מתקפלים כדי לראות את ה-API בפעולה.

אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-06-09 (שעון UTC).
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2025-06-09 (שעון UTC)."],[],[]]