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