דף זה תורגם על ידי Cloud Translation API.

חדש בגרסה 125 של Chrome

Adriana Jara

דברים שעליך לדעת:

קל יותר מתמיד להצמיד רכיבים באמצעות מיקום עוגן ב-CSS.
Compute Pressure API עוזר לבצע אופטימיזציה של כוח המחשוב הזמין.
Storage Access API מורחב לאחסון של פריטים נוספים מלבד קובצי cookie.
ויש עוד הרבה.

קוראים לי Adriana Jara. נצלול פנימה ונראה מה חדש למפתחים ב-Chrome 125.

מיקום עוגן ב-CSS.

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

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

התכונה של מיקום עוגן מורכבת ממספר גדול של מאפייני CSS. אלה כמה מהמאפיינים העיקריים:

anchor-name: הגדרת רכיב כעוגן לרכיבים אחרים.
position-anchor: מתאר את עוגן ברירת המחדל שרכיב מקובע צריך להשתמש בו למיקום העוגן.
הפונקציה anchor(): מתייחסת למיקום של רכיב העוגן, במיקום של רכיב העוגן.
inset-area: קיצור דרך למיקום, למיקומים יחסיים נפוצים.

Compute Pressure API.

ב-Compute Pressure API יש מצבים ברמה גבוהה שמייצגים את עומס המעבד במערכת.

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

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

דוגמא לשימוש ב-Compute Pressure API ומידע נוסף זמינים בכתובת Compute Pressure API.

Storage Access API‏ (SAA) הורחב לאחסון שאינו קובץ cookie.

Storage Access API הוא ממשק API ל-JavaScript שנוצר כחלופה לקובצי cookie בכמה אתרים, עבור הטמעות שתלויות בחיוב משאבים בכמה אתרים, כדי לבקש מהמשתמש הרשאת גישה לפי הצורך.

הגרסה הזו כוללת תוסף לשימוש ב-API מעבר לקובצי cookie. באמצעות התוסף אפשר לגשת לקובצי cookie ללא חלוקה למחיצות ולאחסון שאינו קובץ cookie בהקשר של צד שלישי, למשל ל-indexedDB ול-localstorage. הקוד הבא מציג דוגמה לבקשת גישה ל-indexedDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

ועוד.

כמובן שיש עוד הרבה.

יש גרסת מקור לניסיון ל-Device Posture API ול-Viewport Segments Enumeration API. ממשקי ה-API האלה נועדו לעזור למפתחים לטרגט מכשירים מתקפלים.
נוספו הפונקציות של ערכי CSS מדורגים round(),‏ mod() ו-rem(), והתכונות האלה זמינות עכשיו בגרסת Baseline
Shared Storage API תומך עכשיו בהרצה של רכיבי worklet ממקורות שונים בלי צורך ליצור iframe.

לנתוני הגרסה המלאים

קריאה נוספת

הרשימה הזו כוללת רק כמה נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים בגרסה 125 של Chrome.

כדי להתעדכן, כדאי להירשם לערוץ YouTube למפתחי Chrome, ותקבלו התראה באימייל בכל פעם שנעלה סרטון חדש.

קוראים לי Adriana Jara, ואחרי שגרסת Chrome 126 תפורסם, אספר לכם מה חדש ב-Chrome!