סוגי צבעים ומרחבי צבע חדשים ב-CSS, פונקציות טריגונומטריות ב-CSS וממשק ה-API של המעברים לצפייה.
אם לא צוין אחרת, השינויים הבאים חלים על הגרסה החדשה ביותר של ערוץ בטא ב-Chrome ל-Android, ל-ChromeOS, ל-Linux, ל-macOS ול-Windows. אפשר לקבל מידע נוסף על התכונות המפורטות כאן דרך הקישורים המצורפים או מהרשימה ב-ChromeStatus.com. גרסת הבטא של Chrome 111 זמינה ב-9 בפברואר 2023. אפשר להוריד את העדכונים האחרונים בכתובת Google.com למחשב או מחנות Google Play ב-Android.
CSS
סוגי צבעים ורווחים חדשים ב-CSS
כל התכונות המתוארות ברמת צבע 4 של CSS מופעלות עכשיו. הפיד כולל ארבעה סוגי צבעים שלא תלויים במכשיר (Labs, Oklab, lch ו-Oklch), הפונקציה color()
ומרחבי צבע שהוגדרו על ידי המשתמש להדרגתיות ולאנימציות.
קרא את מדריך הצבעים של CSS באיכות גבוהה כדי לקבל מידע נוסף על סוגי הצבעים והרווחים החדשים האלה.
הפונקציה color-mix()
הפונקציה השימושית במיוחד color-mix()
מ-CSS Color 5 נשלחת גם היא. הפונקציה הזו מאפשרת שילוב של אחוז מצבע אחד לצבע אחר, בכל מרחב צבעים נתמך. ה��וגמה הבאה משלבת 10% מ-blue
ל-white
ב-SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
סלקטורים ב-CSS 4 Pseudo-Class :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
גרסה 111 של Chrome מוסיפה את window-management
ככינוי למחרוזות של ההרשאה window-placement
ושל מדיניות ההרשאות. התהליך הזה הוא חלק ממאמץ נרחב יותר לשנות את שם המחרוזות באמצעות הוצאה משימוש והסרה של window-placement
. שינוי הטרמינולוגיה משפר את משך החיים של התיאור ככל שה-window Management API מתפתח עם הזמן.
ממשק API של סשן מדיה: הצגת פעולות בשקפים
מוסיף פעולות previousslide
ו-nextslide
ל-API הקיים של סשן מדיה.
ArrayBuffer
עם יכולת התאמה לגדלים שונים, ועם SharedArrayBuffer
אפשר להאריך את הבנאים של ArrayBuffer
לאורך מקסימלי נוסף שמאפשר צמיחה בתוך המקום וכיווץ של חוצצים. באופן דומה, הרחבנו את SharedArrayBuffer
כדי להאריך את משך הזמן המקסימלי שמאפשר צמיחה במקום.
כללי ספקולציות: מפתח מדיניות של גורם מפנה
האפשרות הזו מרחיבה את התחביר של כללי הספקולציות כדי לאפשר למפתחים לציין את מדיניות הגורם המפנה לשימוש עם בקשות ספקולטיביות שמופעלות על ידי כללי ספקולציות. בנוסף, הוחזרה הדרישה 'המדיניות המחמירה מספיק לגורם מפנה'.
DOM של צל הצהרתי בסטרימינג
הפעולה הזו מוסיפה תמיכה בסטרימינג על ידי חיבור של בסיס הצללית בפתיחה, במקום תג התבנית הסוגר.
הצגת ממשק ה-API של המעברים
מאפשר יצירת מעברים מלוטשים באפליקציות של דף יחיד (SPA) על ידי יצירת תמונת מצב של התצוגות ולאפשר ל-DOM להשתנות ללא חפיפה בין מצבים. ניתן להשתמש במעברי תצוגה כדי לבנות מעברים מותאמים אישית, או להשתמש בברירת מחדל פשוטה לעמעום כדי לשפר את חוויית המשתמש.
במאמר למפתחים של Chrome אפשר לקבל מידע נוסף ודוגמאות למעברים שיעזרו לכם להתחיל.
תוספי WebRTC עם קידוד וידאו שניתנים להתאמה
התוסף הזה מגדיר שיטה סטנדרטית לבחירה בין הגדרות אפשריות של Scalable Video Coding (SVC) בטראק וידאו יוצא ב-WebRTC.
המאפיין WebXR enabledFeatures
מחזירה את קבוצת התכונות שהופעלו עבור XRSession
זה כפי שצוין על ידי XRSessionInit
ואת התכונות המשתמעות הנדרשות על ידי המפרט עבור המצב והתכונות הנתונים. לסשן נתון, המאפיין הזה יכלול את כל requiredFeatures
, אבל יכול להיות קבוצת משנה של optionalFeatures
. לרוב התכונות יש דרכים חלופיות כדי לזהות אם הן אושרו. עם זאת, בתכונות מסוימות, יכול להיות שיש קשר הדוק בין מצב שבו תכונה מסוימת הופעלה לבין נתונים לגבי תכונה שלא זמינה כרגע, במקום שהנתונים לא יהיו זמינים אף פעם. ביצוע שאילתה על enabledFeatures
מאפשר לך לקבוע אם יש רמ��ים מועילים (לדוגמה, לשיפור או להתחיל מעקב) יוצגו, או אם תכונה מסוימת לא תהיה נתמכת אף פעם בסשן הנוכחי.
גרסאות מקור לניסיון מתבצעות
בגרסה 111 של Chrome אפשר להביע הסכמה לשימוש בגרסאות המקור החדשות לניסיון.
תקופת ניסיון להוצאה משימוש לצורך הסרה של מעקף ל-CSP של connect-src
ב-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 שרירותי. זו הרחבה של ה-API הקיים 'תמונה בתוך תמונה' שמאפשרת רק הכנסת HTMLVideoElement לחלון 'תמונה בתוך תמונה'. כך מפתחי אתרים יכולים לספק למשתמשים חוויה טובה יותר של 'תמונה בתוך תמונה'.
קוראים את התיעוד של מסמך תמונה בתוך תמונה.
נרשמים לגרסת המקור לניסיון של מסמך תמונה בתוך תמונה.
הוצאה משימוש והסרות
הגרסה הזו של Chrome מציגה את ההסרות וההוצאה משימוש המפורטות בהמשך. בכתובת ChromeStatus.com אפשר למצוא רשימות של הוצאה משימוש מתוכננות, יצאו משימוש כרגע והסרות קודמות.
בגרסה הזו של Chrome הוסרו שלוש תכונות.
הסרת אמצעי תשלום
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
אירוע של קובץ השירות (service worker) canmakepayment
מאפשר למוכר לדעת אם יש למשתמש כרטיס באפליקציית תשלום מותקנת. הוא שימש כדי להעביר בחשאי את המקור של המוכר ונתונים שרירותיים אל קובץ שירות (service worker) ממקור של אפליקציית תשלומים. התקשורת הזו בין מקורות התרחשה בבניית PaymentRequest ב-JavaScript, לא דרשה תנועת משתמש ולא הציגה ממשק משתמש. מעבר הנתונים השקט הוסר מהאירוע canmakepayment
ומה-Intent IS_READY_TO_PAY
ב-Android).