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