דברים שעליך לדעת:
- סימון הצבעים
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. השינוי הזה מאפשר להשתמש בתכונות בוליאניות ולהבין אותן בקלות רבה יותר.
קריאה נוספת
הסקירה הזו כוללת רק כמה נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים ב-Chrome 101.