סוגי צבעים חדשים ומרחבי צבעים, פונקציות טריגונומטריות של CSS ו-View Transits 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() ומרחבי צבע שהוגדרו על ידי המשתמש להדרגתיות ואנימציות.
במדריך הצבעים של שירותי CSS באיכות HD אפשר למצוא מידע על סוגי הצבעים והמרחבים החדשים האלה.
הפונקציה 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 של מדיניות ההרשאות וההרשאות
Chrome 111 מוסיף את window-management ככינוי למחרוזות של ההרשאות window-placement ההרשאות וה-permission-policy. אנחנו משיקים את התהליך הזה כחלק ממאמץ גדול יותר לשנות את שמות המחרוזות על ידי הוצאה משימוש והסרה של window-placement. השינוי במונחים משפר את משך החיים של המתאר ככל ש-Window Management API מתפתח עם הזמן.
Media session API: הצגת פעולות לשקפים
הוספת פעולות previousslide ו-nextslide לממשק ה-API הקיים של Media Session.
ניתן לשנות את הגודל ArrayBuffer ולגדול SharedArrayBuffer
מרחיבים את ה-constructor של ArrayBuffer כך שיהיה אורך מקסימלי נוסף שמאפשר צמיחה במקום וכיווץ של אגירת נתונים. באופן דומה, אנחנו מאריכים את SharedArrayBuffer כך שיהיה אורך מקסימלי נוסף שמאפשר צמיחה באופן מקומי.
כללי ספקולציות: מפתח מדיניות של גורם מפנה
פעולה זו מרחיבה את התחביר של כללי הטעינות מראש כך שיאפשר למפתחים לציין את מדיניות הגורם המפנה לשימוש עם בקשות ספקולטיביות שמופעלות על ידי כללי ספקולציות. הפריט הזה מציג גם את המדיניות בנושא 'המדיניות בנושא גורמים מפנים מחמירה מספיק' לדרישה.
DOM של צל הצהרתי בסטרימינג
כך נוספת תמיכה בסטרימינג על-ידי חיבור שורש הצללית בפתיחה, במקום תג התבנית הסוגר.
הצגת המעברים API
מאפשר יצירת מעברים מלוטשים באפליקציות בדף יחיד (SPA) על ידי יצירת snapshot של תצוגות ומתן הרשאה ל-DOM להשתנות ללא חפיפה בין מצבים. אפשר להשתמש במעברים בתצוגה כדי ליצור מעברים מותאמים אישית, או להשתמש בברירת מחדל פשוטה של עמעום הדרגתי כדי לשפר את חוויית המשתמש.
למידע נוסף ולמעברים לדוגמה שיעזרו לכם להתחיל, מומלץ לעיין במאמר למפתחי Chrome.
תוספי WebRTC Video Coding שניתן להתאמה
התוסף הזה מגדיר שיטה סטנדרטית לבחירה בין תצורות אפשריות של Scalable Video Coding (SVC) בטראק וידאו יוצא של WebRTC.
מאפיין WebXR enabledFeatures
הפונקציה מחזירה את קבוצת התכונות שהופעלו עבור 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 שרירותי. זו הרחבה לממשק ה-API הקיים של 'תמונה בתוך תמונה' שמאפשר להוסיף רכיב HTMLVideoElement לחלון של 'תמונה בתוך תמונה'. כך מפתחי אתרים יכולים לספק למשתמשים חוויה טובה יותר של 'תמונה בתוך תמונה'.
קראו את מסמכי התיעוד של מסמך תמונה בתוך תמונה.
נרשמים לגרסת המקור לניסיון של תמונה בתוך תמונה של מסמך.
הוצאה משימוש והסרות
הגרסה הזו של Chrome מציגה את ההוצאה משימוש וההסרות שמפורטות בהמשך. אפשר להיכנס לכתובת ChromeStatus.com כדי לקבל רשימה של מקרי הוצאה משימוש מתוכננות, הוצאת משימוש בפועל והסרות קודמות.
בגרסה הזו של Chrome הוסרו שלוש תכונות.
הסרת אמצעי תשלום
אמצעי התשלום הוא ה-Web API שתומכים בהתקנות של אפליקציות תשלום שלא שייכות ל-JIT (מידע נוסף זמין בכתובת https://w3c.github.io/payment-handler/). הוא תוכנן מתוך הנחה שהדפדפן יאחסן את הפרטים של אמצעי התשלום בפועל, דבר שלא התברר נכון, ויש בו הדלפות פרטיות מסוימות. הוא גם לא נשלח באף דפדפן אחר, לא הבחנו בהתעניינות מספקי דפדפנים אחרים. לכן, ה-API הזה הוצא משימוש והוסר.
הסרת המעקף של connect-src CSP ב-Web Payment API
הוצאה משימוש של היכולת של Web Payment API לעקוף את מדיניות CSP של connect-src לצורך אחזור המניפסט. לאחר ההסרה, מדיניות CSP של האתר connect-src תצטרך לאשר את כתובת ה-URL של אמצעי התשלום שצוינה בקריאה ל-PaymentRequest, וכן כל כתובת URL אחרת ששיטת הבידינג תאחזר את המניפסט שלה.
אפשר לעיין במידע לגבי גרסאות ניסיון של מקורות כדי להביע הסכמה להשתתפות בניסוי של הוצאה משימוש, כדי שיהיה יותר זמן לבצע את השינויים הנדרשים בעקבות ההסרה.
זהות המוכר באירוע canmakepayment
האירוע canmakepayment של קובץ השירות (service worker) מאפשר למוכר לדעת אם יש כרטיס ששמור למשתמש באפליקציית תשלומים מותקנת. היא שימשה להעברה שקטה של מקור המוכר ונתונים שרירותיים אל קובץ שירות (service worker) מהמקור של אפליקציית התשלומים. התקשורת בין המקורות הזו התרחשה במהלך בניית PaymentRequest ב-JavaScript, לא חייבה תנועת משתמש ולא הוצג בה ממשק משתמש. מעבר הנתונים השקט הוסר מהאירוע canmakepayment ומ-Intent IS_READY_TO_PAY ב-Android).