אנחנו מזמינים אתכם להכיר כמה מהתכונות המעניינות שנוספו לדפדפני אינטרנט בגרסה יציבה ובגרסת בטא במהלך מרץ 2022.
גרסאות יציבות של דפדפנים
בחודש מרץ, גרסת Chrome 99, Chrome 100, Firefox 98 ו-Safari 15.4 הפכו ליציבים. כתוצאה מכך נוספה לפלטפורמה כמות גדולה של תכונות חדשות, ורבים מהתוספות האלה גרמו לכך שהתכונה הפכה להיות זמינה בכל שלושת מנועי הדפדפנים. בפוסט הזה התמקדתי בתוספות שמאפשרות לנו יכולת פעולה הדדית בדפדפנים שונים, אבל מומלץ לעיין בנתוני הגרסה כדי לראות את כל התכונות שנוספו לכל מנוע.
Chrome 99 ו-Safari 15.4 כללו שכבות מדרגות. הכלל @layer
מגדיר שכבה מדורגת, ועוזר לך לשלוט בספציפיות. הם מצטרפים ל-Firefox, כך ששכבות מדורגות זמינות עכשיו בכל שלושת מנועי הדפדפנים. מידע נוסף על שכבות מדורגות זמין במאמר שכבות מדורגות מגיעות לדפדפן.
ב-Chrome 100 מופיע הערך החדש plus-lighter
למאפיין ה-CSS mix-blend-mode. הערך הזה שימושי כאשר מבצעים הדרגתיות של שני רכיבים, כאשר לכל הפיקסלים או לקבוצת משנה שלהם יש ערכים זהים. מידע נוסף על הבעיה שהפתרון הזה פותר זמין במאמר אי אפשר כרגע להפעיל מעבר הדרגתי בין שני רכיבי DOM.
תמיכה בדפדפנים
גרסת Safari 15.4 כוללת את המאפיין contain
, דבר שמאפשר אילוץ של שירות CSS.
ב-Safari 15.4 יש גם את accent-color
, שמאפשרת לקבוע את צבע הרקע של חלק מפקדי הטפסים.
ב-Firefox 98 וב-Safari 15.4 הושק הרכיב <dialog>
, שמייצג תיבת דו-שיח.
ב-Safari 15.4 הושלמה גם התמיכה בפסאודו-סיווג :focus-visible
. עבודת ההטמעה בוצעה על ידי Igalia.
גרסאות בטא של דפדפנים
גרסאות בטא של דפדפנים נותנות לכם תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר עוד לפני ההשקה של הגרסה הזו.
הגרסאות הבטא החדשות שפורסמו במרץ היו Chrome 101 ו-Firefox 99.
גרסת הבטא של Chrome 101 כוללת סימון צבעים לפי hwb. המאפיין הזה מציין את הצבע לפי הגוון, הלבן והשחור שלו. בדומה לסימון צבעים אחר, רכיב אלפא אופציונלי מציין את השקיפות.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
גרסה 99 של Firefox כוללת את המאפיין pdfViewerEnabled
של ממשק Navigator. המאפיין הזה מציין אם הדפדפן תומך בתצוגה מוטבעת של קובצי PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
תכונות הבטא האלה יהיו זמינות בקרוב לדפדפנים יציבים.
חלק מהסדרה חדשות באינטרנט