תכנים חדשים בפלטפורמת האינטרנט בחודש מרץ

אנחנו מזמינים אתכם להכיר כמה מהתכונות המעניינות שנוספו לדפדפני אינטרנט בגרסה יציבה ובגרסת בטא במהלך מרץ 2022.

בחודש מרץ, גרסת Chrome 99, Chrome 100, Firefox 98 ו-Safari 15.4 הפכו ליציבים. כתוצאה מכך נוספה לפלטפורמה כמות גדולה של תכונות חדשות, ורבים מהתוספות האלה גרמו לכך שהתכונה הפכה להיות זמינה בכל שלושת מנועי הדפדפנים. בפוסט הזה התמקדתי בתוספות שמאפשרות לנו יכולת פעולה הדדית בדפדפנים שונים, אבל מומלץ לעיין בנתוני הגרסה כדי לראות את כל התכונות שנוספו לכל מנוע.

Chrome 99 ו-Safari 15.4 כללו שכבות מדרגות. הכלל @layer מגדיר שכבה מדורגת, ועוזר לך לשלוט בספציפיות. הם מצטרפים ל-Firefox, כך ששכבות מדורגות זמינות עכשיו בכל שלושת מנועי הדפדפנים. מידע נוסף על שכבות מדורגות זמין במאמר שכבות מדורגות מגיעות לדפדפן.

תמיכה בדפדפנים

  • Chrome: 99.
  • Edge:‏ 99.
  • Firefox: 97.
  • Safari: 15.4.

מקור

ב-Chrome 100 מופיע הערך החדש plus-lighter למאפיין ה-CSS mix-blend-mode. הערך הזה שימושי כאשר מבצעים הדרגתיות של שני רכיבים, כאשר לכל הפיקסלים או לקבוצת משנה שלהם יש ערכים זהים. מידע נוסף על הבעיה שהפתרון הזה פותר זמין במאמר אי אפשר כרגע להפעיל מעבר הדרגתי בין שני רכיבי DOM.

תמיכה בדפדפנים

  • Chrome:‏ 100.
  • קצה: 100.
  • Firefox:‏ 99.
  • Safari: 9.1.

גרסת Safari 15.4 כוללת את המאפיין contain, דבר שמאפשר אילוץ של שירות CSS.

תמיכה בדפדפן

  • Chrome: 52.
  • Edge:‏ 79.
  • Firefox: 69.
  • Safari: 15.4.

מקור

ב-Safari 15.4 יש גם את accent-color, שמאפשרת לקבוע את צבע הרקע של חלק מפקדי הטפסים.

תמיכה בדפדפנים

  • Chrome: 93.
  • Edge:‏ 93.
  • Firefox: 92.
  • Safari: 15.4.

מקור

ב-Firefox 98 וב-Safari 15.4 הושק הרכיב <dialog>, שמייצג תיבת דו-שיח.

תמיכה בדפדפן

  • Chrome: 37.
  • Edge:‏ 79.
  • Firefox: 98.
  • Safari: 15.4.

מקור

ב-Safari 15.4 הושלמה גם התמיכה בפסאודו-סיווג :focus-visible. עבודת ההטמעה בוצעה על ידי Igalia.

תמיכה בדפדפנים

  • Chrome: 86.
  • Edge:‏ 86.
  • Firefox: 85.
  • Safari: 15.4.

מקור

גרסאות בטא של דפדפנים

גרסאות בטא של דפדפנים נותנות לכם תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר עוד לפני ההשקה של הגרסה הזו.

הגרסאות הבטא החדשות שפורסמו במרץ היו Chrome 101 ו-Firefox 99.

גרסת הבטא של Chrome 101 כוללת סימון צבעים לפי hwb. המאפיין הזה מציין את הצבע לפי הגוון, הלבן והשחור שלו. בדומה לסימון צבעים אחר, רכיב אלפא אופציונלי מציין את השקיפות.

h1 {
 
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

תמיכה בדפדפנים

  • Chrome:‏ 101.
  • Edge:‏ 101.
  • Firefox:‏ 96.
  • Safari: 15.

מקור

גרסה 99 של Firefox כוללת את המאפיין pdfViewerEnabled של ממשק Navigator. המאפיין הזה מציין אם הדפדפן תומך בתצוגה מוטבעת של קובצי PDF.

if (!navigator.pdfViewerEnabled) {
 
// The browser does not support inline viewing of PDF files.
}

תמיכה בדפדפנים

  • Chrome: 94.
  • Edge:‏ 94.
  • Firefox:‏ 99.
  • Safari: 16.4.

מקור

תכונות הבטא האלה יהיו זמינות בקרוב לדפדפנים יציבים.

חלק מהסדרה חדשות באינטרנט