דברים שעליך לדעת:
- עם מיקום עוגן ב-CSS קל יותר לבצע עיגון.
- Compute Pressure API עוזר לבצע אופטימיזציה של הספק הזמין של המחשב.
- Storage Access API מורחב ליותר מאחסון של קובצי cookie.
- ויש הרבה עוד.
שמי אדריאנה ג'ארה. בואו נראה מה חדש למפתחים ב-Chrome 125.
מיקום עוגן CSS.
הצגת רכיב שמעוגן לרכיב אחר מאפשרת ליצור תבניות ממשק משתמש, כמו שימוש בחלון קופץ כהסבר קצר וצירוף שלו לרכיב שמפעיל אותו.
באמצעות מיקום עוגן ב-CSS ניתן לקשור רכיב במיקום מוחלט לרכיב אחד או יותר בדף באופן הצהרתי. אין צורך ב-JavaScript ופועלת ביעילות כשניתן לגלול בעוגנים.
התכונה 'מיקום של עוגן' מורכבת ממספר גדול של מאפייני CSS. חלק ממאפייני המפתח הם:
anchor-name
: מגדיר רכיב בתור עוגן של רכיבים אחרים.position-anchor
: מתאר את העוגן 'ברירת המחדל' שבו רכיב מעוגן צריך להשתמש למיקום של עוגן.- הפונקציה
anchor()
: מתייחסת למיקום של אלמנט העוגן, במיקום של הרכיב המעוגן. inset-area
: קיצור למיקום, למיקומים יחסיים נפוצים.
Compute Pressure API.
ה-Compute Pressure API מציע מצבים ברמה גבוהה שמייצגים את עומס המעבד (CPU) על המערכת.
כאשר מבצעים אופטימיזציה לשימוש מאוזן בכוח מחשב, ה-API משתמש במדדי החומרה הבסיסיים כדי להבטיח שהמשתמשים יוכלו לנצל את כל כוח העיבוד הזמין כל עוד המערכת לא נמצאת בלחץ שלא ניתן לנהל.
Intel הובילה את עבודת התכנון וההטמעה של ה-API הזה, שמאפשר לאפליקציות לשיחות ועידה בווידאו לאזן באופן דינמי בין תכונות לביצועים.
אפשר למצוא דוגמאות ומידע נוסף ב-Compute Pressure API
Storage Access API (SAA) שהורחב לאחסון שאינו של קובצי cookie.
Storage Access API הוא API של JavaScript שנוצר כחלופה לקובצי cookie באתרים שונים, עבור הטמעות שתלויות בטעינה של משאבים באתרים שונים כדי לבקש הרשאת גישה מהמשתמש לפי הצורך.
הגרסה הזו כוללת תוסף לשימוש ב-API מלבד קובצי cookie. באמצעות התוסף אפשר לגשת לקובצי Cookie שלא מחולקים למחיצות ולאחסון של קובצי Cookie בהקשר של צד שלישי, למשל ל-IndexDB ולאחסון מקומי. הקוד הבא מציג דוגמה לבקשת גישה ל-IndexDB.
// 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 האלה נועדו לעזור למפתחים לטרגט מכשירים מתקפלים.
הפונקציות של הערך המדורג
round()
,mod()
ו-rem()
של CSS נוספו, כך שהתכונות האלה זמינות לאחרונה.Shared Storage API תומך עכשיו בהפעלת worklet של מקורות שונים בלי ליצור iframe.
קריאה נוספת
המאמר הזה מתייחס רק לחלק מההדגשות העיקריות. בקישורים הבאים תוכלו למצוא שינויים נוספים ב-Chrome 125.
- מה חדש בכלי הפיתוח ל-Chrome (125)
- עדכונים ל-ChromeStatus.com בגרסה 125 של Chrome
- רשימת שינויים במאגרי מקורות של Chromium
- יומן ההפצה של Chrome
להרשמה
כדי להתעדכן, הירשמו לערוץ YouTube של מפתחי Chrome, ותקבלו התראה באימייל בכל פעם שנשיק סרטון חדש.
יו סויה אדריאנה ג'ארה, וברגע ש-Chrome 126 יושק, אהיה כאן כדי לספר לך מה חדש ב-Chrome!