דברים שעליך לדעת:
- סימון הצבע
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. כך תוכלו למחוק את המכשיר מהחשבון גם אם הענקתם לו הרשאה בעבר. לדוגמה, אם מדובר באפליקציה שמשתמשים בה במחשב משותף עם הרבה מכשירים.
בנוסף, תיקון ל-Web USB לתמיכה ב-[SameObject] למאפיינים קשורים ב-USBDevice. השינוי במפרט מופיע בבקשת תיקון (PR) לטיוטת המפרט.
עובדים ייעודיים שנטענים ממקור מאובטח (HTTPS), אבל נוצרים על ידי הקשרים לא מאובטחים (לא HTTPS), כבר לא נחשבים מאובטחים. המשמעות היא שבהקשרים כאלה של עובדים:
- self.isSecureContext הוא עכשיו false.
- self.caches ו-self.storageFoundation לא זמינים יותר.
הארגומנט popup של window.open() מקבל עכשיו את הערך true, בעקבות שינוי שבוצע לאחרונה במפרט לניתוח הארגומנט הזה. בעבר, כשהערך של popup הוגדר כ-true, הערך של window.open() פורש כ-false. השינוי הזה מאפשר להשתמש בתכונות בוליאניות ולהבין אותן בקלות רבה יותר.
קריאה נוספת
הרשימה הזו כוללת רק כמה נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים ב-Chrome 101.