סוגי צבעים ומרחבי צבעים חדשים ב-CSS, פונקציות טריגונומטריות ב-CSS ו-View Transitions API.
אלא אם צוין אחרת, השינויים הבאים חלים על הגרסה החדשה ביותר של ערוץ הבטא של Chrome ל-Android, ChromeOS, Linux, macOS ו-Windows. מידע נוסף על התכונות שמפורטות כאן זמין בקישורים שסופקו או ברשימה באתר ChromeStatus.com. Chrome 111 הוא בגרסת בטא נכון ל-9 בפברואר 2023. אפשר להוריד את הגרסה העדכנית ביותר בכתובת Google.com למחשב או מחנות Google Play ל-Android.
CSS
סוגי צבעים ומרחבים חדשים ב-CSS
כל התכונות שמתוארות ברמת הצבע 4 ב-CSS מופעלות עכשיו. האפשרויות האלה כוללות ארבעה סוגי צבעים שאינם תלויים במכשיר (lab, Oklab, lch ו-Oklch), את הפונקציה color() ומרחבי צבעים מוגדרים על ידי משתמשים ליצירת פסגות ותזוזות.
במדריך הזה מוסבר על סוגי המרחבים והצבעים החדשים האלה.
הפונקציה color-mix()
גם הפונקציה color-mix() שמאוד שימושית מ-CSS Color 5 זמינה עכשיו. הפונקציה הזו מאפשרת לערבב אחוז מסוים של צבע אחד בצבע אחר, בכל מרחב צבעים נתמך. בדוגמה הבאה 10% מ-blue מעורבבים עם white ב-SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
סלקטורים ב-CSS 4 פסאודו-סיווג :nth-child(an + b of S)
הרחבה של :nth-child(an + b) ו-:nth-last-child() כדי לקבל סלקטור. לדוגמה, :nth-child(3 of .c) הוא ה-.c השלישי ברמת ההורה הנתונה. מידע נוסף זמין במאמר בקרה רבה יותר על הבחירות ב-:nth-child() באמצעות התחביר of S.
יחידות גופן ברמה הבסיסית ב-CSS
הוספת יחידות גופן ברמה הבסיסית: rex, rch, ric ו-rlh ליחידת הגופן ברמה הבסיסית הקיימת rem.
פונקציות טריגונומטריות ב-CSS
הפונקציות הטריגונומטריות sin(), cos(), tan(), asin(), acos(), atan(), atan2() נוספו לביטויים מתמטיים ב-CSS.
שאילתות של מאגרי סגנונות למאפיינים מותאמים אישית של CSS
הוספת הפונקציה style() לכללי @container כדי לאפשר החלת סגנונות על סמך הערכים המחושבים של מאפיינים מותאמים אישית של רכיב אב.
הנכס baseline-source
המאפיין baseline-source מאפשר למפתחי אינטרנט לציין אם בתיבה ברמת השורה צריך להשתמש בקו הבסיס first או last לצורך התאמה בתוך תיבת שורה.
ממשקי API של אתרים
ההרשאה window-management ומחרוזת מדיניות ההרשאות
ב-Chrome 111 נוספה window-management ככינוי להרשאה window-placement ולמחרוזות של מדיניות ההרשאות. השינוי הזה הוא חלק ממאמץ כולל לשנות את השמות של המחרוזות, שבסופו של דבר יוביל להוצאה משימוש ולהסרה של window-placement. שינוי המונחים ישפר את עמידות המתאר ככל ש-Window Management API יתפתח עם הזמן.
Media Session API: פעולות של הצגת שקפים
הוספת הפעולות previousslide ו-nextslide ל-Media Session API הקיים.
אפשרות לשינוי הגודל ArrayBuffer ולהגדלה SharedArrayBuffer
הרחבת המאפיינים ה-constructor של ArrayBuffer כך שיקבלו אורך מקסימלי נוסף שמאפשר הגדלה והקטנה של מאגרי נתונים במקום. באופן דומה, SharedArrayBuffer מורחבת כך שתכלול אורך מקסימלי נוסף שמאפשר צמיחה במקום.
כללי ספקולציות: מפתח של מדיניות גורם מפנה
כך אפשר להרחיב את תחביר כללי השערות כדי לאפשר למפתחים לציין את מדיניות המפנה לשימוש בבקשות ספקולטיביות שמופעלות על ידי כללי השערות. בנוסף, הדרישה 'מדיניות מפנה מחמירה מספיק' חוזרת לתוקף.
סטרימינג של Declarative Shadow DOM
כך אפשר להוסיף תמיכה בסטרימינג, על ידי צירוף של שורש הצללים לתג התבנית הפתוח, במקום לתג התבנית הסגור.
הצגת Transitions API
מאפשר ליצור מעברים חלקים באפליקציות בדף יחיד (SPA) על ידי צילום קובץ snapshot של תצוגות ומתן אפשרות ל-DOM להשתנות ללא חפיפה בין מצבים. אתם יכולים להשתמש בתכונה 'מעבר בין תצוגות' כדי ליצור מעברים מותאמים אישית, או להשתמש בברירת המחדל של מעבר הדרגתי פשוט כדי לשפר את חוויית המשתמש.
במאמר למפתחים של Chrome מפורט מידע נוסף ודוגמאות למעברים שיעזרו לכם להתחיל.
תוספים של WebRTC לווידאו עם קידוד שניתן להתאמה
התוסף הזה מגדיר שיטה סטנדרטית לבחירה בין הגדרות אפשריות של קידוד וידאו שניתן להתאמה (SVC) בטראק וידאו יוצא של WebRTC.
מאפיין enabledFeatures של WebXR
הפונקציה מחזירה את קבוצת התכונות שהופעלו עבור XRSession הזה כפי שצוין ב-XRSessionInit ואת התכונות המשתמעות הנדרשות לפי המפרט למצב ולתכונות הנתונים. בסשן שהוקצה, הערך הזה יכיל את כל requiredFeatures, אבל יכול להיות שהוא יהיה קבוצת משנה של optionalFeatures. לרוב התכונות יש דרכים חלופיות לזהות אם הן הוענקו. עם זאת, בחלק מהתכונות, האות לגבי ההפעלה של התכונה עשוי להיות קשור מאוד לנתונים של תכונה שלא זמינה כרגע, ולא לנתונים של תכונה שלא זמינה אף פעם. באמצעות שאילתה ל-enabledFeatures, אפשר לקבוע אם להציג טיפים מועילים (לדוגמה, לשיפור המעקב או להתחלת המעקב) או אם תכונה מסוימת לא תהיה נתמכת לעולם בסשן הנוכחי.
גרסאות מקור לניסיון בתהליך
ב-Chrome 111 אפשר להביע הסכמה לגרסאות המקור לניסיון החדשות הבאות.
תקופת ניסיון להוצאה משימוש של הסרת המעקף connect-src CSP ב-Web Payment API
הוצאה משימוש של היכולת של Web Payment API לעקוף את מדיניות ה-CSP של connect-src בזמן אחזור המניפסט. אחרי ההוצאה משימוש, מדיניות ה-CSP של connect-src באתר תצטרך לאפשר את כתובת ה-URL של אמצעי התשלום שצוינה בקריאה של PaymentRequest, וגם כל כתובת URL אחרת ששרשרת השיטות מקשרת אליה כדי לאחזר את המניפסט שלה.
היכולת לעקוף את הבדיקה הזו תוסר ב-Chrome 111, עם תקופת ניסיון לאחור מהמקור, מ-111 עד 113, למפתחים שצריכים להפעיל מחדש את העקיפה באופן זמני. כדי להצטרף לתוכנית, צריך להירשם לתקופת ניסיון להוצאה משימוש לאחור של מעקף ה-CSP ב-connect-src.
תיעוד של מצב 'תמונה בתוך תמונה'
Document Picture-in-Picture API הוא ממשק API חדש לפתוח חלון תמיד בחלק העליון של המסך, שאפשר לאכלס בתוכן HTML שרירותי. זוהי הרחבה של Picture-in-Picture API הקיים, שמאפשרת להציב רק רכיב HTMLVideoElement בחלון PiP. כך מפתחי האינטרנט יכולים לספק למשתמשים חוויית PiP טובה יותר.
קוראים את המאמר בנושא תמונה בתוך תמונה במסמכים.
נרשמים לתקופת הניסיון של התכונה 'תמונה בתוך תמונה' במקור של מסמכים.
הוצאה משימוש והסרות
בגרסה הזו של Chrome הוספנו את ההוצאות משימוש וההסרות שמפורטות בהמשך. באתר ChromeStatus.com אפשר למצוא רשימות של הוצאות משימוש מתוכננות, הוצאות משימוש נוכחיות והוצאות קודמות משימוש.
בגרסה הזו של Chrome הוסרנו שלוש תכונות.
הסרת PaymentInstruments
PaymentInstruments הוא ממשק ה-API לאינטרנט שתומך בהתקנה של אפליקציות תשלומים שלא מתבצעת בזמן אמת (JIT) (מידע נוסף זמין בכתובת https://w3c.github.io/payment-handler/). הוא תוכנן בהנחה שהדפדפן יאחסן את פרטי אמצעי התשלום בפועל, אבל זה לא המצב, ויש בו כמה דליפות פרטיות. הוא גם לא נשלח באף דפדפן אחר, ולא ראינו עניין מצד ספקי דפדפנים אחרים. לכן, ממשק ה-API הזה הוצא משימוש והוסר.
הסרת מעקף CSP של connect-src ב-Web Payment API
הוצאה משימוש של היכולת של Web Payment API לעקוף את מדיניות ה-CSP של connect-src בזמן אחזור המניפסט. אחרי ההסרה הזו, מדיניות ה-CSP של connect-src באתר תצטרך לאפשר את כתובת ה-URL של אמצעי התשלום שצוינה בקריאה ל-PaymentRequest, וגם כל כתובת URL אחרת ששרשרת השיטות מביאה כדי לאחזר את המניפסט שלה.
במאמר בנושא ניסויים במקור מוסבר איך להביע הסכמה לניסיון להוצאה משימוש כדי לקבל יותר זמן לבצע את השינויים הנדרשים בעקבות ההסרה הזו.
זהות המוכר באירוע canmakepayment
האירוע canmakepayment של שירות העבודה מאפשר למוכר לדעת אם למשתמש יש כרטיס שמאוחסן באפליקציית תשלומים מותקנת. בעבר, האירוע הזה העביר את המקור של המוכר ונתונים שרירותיים לשירות עבודה ממקור אפליקציית התשלומים, ללא ידיעת המשתמש. התקשורת בין מקורות (CORS) התרחשה במהלך היצירה של PaymentRequest ב-JavaScript, לא נדרשה תנועה של המשתמש ולא הוצג ממשק משתמש כלשהו. העברת הנתונים השקטה הזו הוסרה מהאירוע canmakepayment ומ-Intent IS_READY_TO_PAY של Android).