דברים שעליך לדעת:
- סימון הצבעים
hwb()מאפשר לציין צבע לפי גוון, לבן ושחור. - עדיפות אחזור נותנת לך דרך לרמוז לדפדפן באיזה סדר להוריד את המשאבים.
- ויש הרבה עוד.
בואו נראה את התכונות שזמינות ב-Chrome 101.
סימון צבע hwb()
במאמר של סטפן ג'ודיס מתואר כ"ציון צבע לבני אדם", hwb() מציין צבע בהתאם לגוון, ללבן ולשחור. בדומה לסימונים אחרים של צבע, רכיב אלפא אופציונלי מציין את האטימות.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
עכשיו יש תמיכה טובה בשיטה הזו לציון צבעים, ו-Firefox תומך בה בגרסה 96 ו-Safari בגרסה 15.
עדיפות אחזור
התכונה 'עדיפות אחזור' מאפשרת לרמוז לדפדפן באמצעות המאפיין fetchpriority שאליו יש להוריד את המשאבים. אפשר להזין את הערכים "high", "low" ו-"auto".
"high": מבחינתכם המשאב בעדיפות גבוהה וברצונכם שהדפדפן יתעדף אותו, כל עוד ההיוריסטיקה של הדפדפן לא מונעת את זה."low": אתם מחשיבים את המשאב בעדיפות נמוכה ורוצים שהדפדפן יתעדף אותו אם ההיוריסטיקה שלו מאפשרת זאת."auto": זהו ערך ברירת המחדל שמאפשר לדפדפן לקבוע את העדיפות המתאימה.
בדוגמה הבאה, תמונה בעדיפות נמוכה מסומנת באמצעות fetchpriority="low".
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
ניתן לקרוא מידע נוסף על תרחישי השימוש השונים במאמר אופטימיזציה של טעינת משאבים באמצעות Fetch Priority API.
פריטים נוספים בגרסה הזו
יש שיטה חדשה של forget() לאובייקטים מסוג USBDevice. הפעולה הזו מאפשרת לשכוח מכשיר שהוענקה לו הרשאה בעבר. לדוגמה, אם זו אפליקציה שמשמשת במחשב משותף עם מכשירים רבים.
גם ל-USB באינטרנט, תיקון שיתמוך ב-[SameObject] במאפיינים קשורים בתוך USBDevice. השינוי במפרט מופיע ביחס לטיוטה של מפרט הטיוטה.
עובדים ייעודיים שנטענים ממקור מאובטח (HTTPS), אבל נוצרו באמצעות הקשרים לא מאובטחים (לא HTTPS), כבר לא נחשבים מאובטחים. כלומר, בהקשרים של עובדים כאלה:
- השדה self.isSecureContext נקרא עכשיו false.
- self.caches וגם self.storageFoundation אינם זמינים יותר.
ההערכה של הארגומנט popup של window.open() היא true, בעקבות שינוי שבוצע לאחרונה במפרט לניתוח הארגומנט הזה. בעבר, אם הערך של popup הוגדר כ-True, המערכת פורשה את window.open() כ-false. כך קל יותר להשתמש בתכונות בוליאניות ולהבין אותן.
קריאה נוספת
המאמר הזה מתייחס רק לחלק מההדגשות העיקריות. בקישורים שלמטה ניתן למצוא שינויים נוספים בגרסה 101 של Chrome.