דברים שעליך לדעת:
- ה
hwb()ערך הצבע מאפשר לכם לציין צבע בדרך חדשה לפי גוון, לבן ושחור. - Fetch Priority מאפשרת להציע לדפדפן באיזה סדר כדאי להוריד משאבים.
- ויש עוד הרבה אפשרויות.
בואו נראה מה זמין ב-Chrome 101.
hwb() סימון צבע
במאמר של סטפן ג'ודיס מוגדר hwb() כ"סימון צבעים לבני אדם". הוא מציין צבע לפי גוון, בהירות וכהות. בדומה לסימון צבעים אחרים, רכיב אלפא אופציונלי מציין את רמת השקיפות.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
השיטה הזו לציון צבע נתמכת עכשיו היטב. דפדפן Firefox תומך בה מגרסה 96, ודפדפן Safari מגרסה 15.
עדיפות אחזור
המאפיין Fetch Priority מאפשר לכם להשתמש במאפיין 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) למפרט הטיוטה.
קובצי worker ייעודיים שנטענו ממקור מאובטח (HTTPS), אבל נוצרו על ידי הקשרים לא מאובטחים (שאינם HTTPS), לא נחשבים יותר מאובטחים. המשמעות היא שבתוך הקשרים של העובדים האלה:
- self.isSecureContext הוא עכשיו false.
– self.caches ו-self.storageFoundation כבר לא זמינים.
הארגומנט popup של הפונקציה window.open() מחזיר עכשיו את הערך true, בעקבות שינוי שבוצע לאחרונה במפרט של ניתוח הארגומנט הזה. בעבר, אם הערך של popup היה true, window.open() פורש כ-false. השינוי הזה מקל על השימוש בתכונות בוליאניות ועל ההבנה שלהן.
קריאה נוספת
המידע הזה כולל רק נקודות עיקריות. בקישורים שבהמשך מפורטים שינויים נוספים ב-Chrome 101.