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

במהלך מרץ 2026, נוספו לדפדפני אינטרנט יציבים ובגרסת בטא כמה תכונות מעניינות.

תאריך פרסום: 31 במרץ 2026

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

Chrome 146, ‏ Firefox 149 ו-Safari 26.4 הושקו לגרסה יציבה במהלך חודש מרץ. בפוסט הזה נסקור את התכונות החדשות שנוספו לפלטפורמה החודש.

תנאים אופציונליים לשאילתות של מאגרי תגים

גם Firefox 149 וגם Safari 26.4 כוללים תמיכה בשאילתות @containerשכוללות רק שם ולא כוללות תנאים. כך אפשר להתאים מאגרי תגים על סמך השמות שלהם בלבד, ולעצב רכיבים בקלות רבה יותר על סמך ההקשר של מאגר התגים, בלי צורך לציין מגבלות גודל או סגנון.

אנימציות שמופעלות בגלילה

ב-Chrome 146 אנחנו מוסיפים שליטה באנימציות על סמך מיקום הגלילה. התכונה הזו מאפשרת ליצור אינטראקציות באופן הצהרתי באמצעות CSS, להעביר עבודה ל-worker thread ולשפר את הביצועים. הוא כולל גם ממשקי JavaScript לאנימציות באינטרנט. מידע נוסף זמין במאמר אנימציות שמופעלות בגלילה ב-CSS.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

הנכס trigger-scope

בנוסף לאנימציות שמופעלות בגלילה, ב-Chrome 146 נוספה התכונה trigger-scope. כך אפשר להגביל את הנראות של שמות טריגרים של אנימציות, לבודד אינטראקציות של אנימציות עם טריגרים ולמנוע התנגשויות בשמות גלובליים.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

ערך hint של חלון קופץ

‫Firefox 149 תומך עכשיו בערך hint של המאפיין הגלובלי popover. כשמוצגים פריטים קופצים עם הערך hint, הם לא נסגרים, אבל הם סוגרים פריטים קופצים אחרים עם הערך hint, וכך מאפשרים שליטה מדויקת יותר בהתנהגות של הפריטים הקופצים.auto

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: not supported.
  • Safari: not supported.

שורות ועמודות ברשת

‫Safari 16.4 תומך ב-display: grid-lanes, זה הערך של display שמפעיל פריסה בסגנון בנייה.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

פונקציות מתמטיות במאפיין sizes

ב-Safari 26.4 נוספה תמיכה בשימוש בפונקציות המתמטיות min(), max() ו-clamp() במאפיין sizes של רכיבי <img>. כך יש יותר גמישות בטעינת תמונות רספונסיביות.

רצף של איטרטורים ב-JavaScript

‫Chrome 146 ו-Safari 26.4 תומכים עכשיו ברצף איטרטורים, ומציגים את Iterator.concat(...items) ליצירת איטרטורים על ידי יצירת רצף של איטרטורים קיימים. התכונה הזו זמינה עכשיו ב-Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

הממשק CloseWatcher

ב-Firefox 149 נוספה תמיכה בממשק CloseWatcher. כך מפתחים יכולים להטמיע רכיבים שאפשר לסגור באמצעות מנגנונים מקוריים של המכשיר, כמו המקש Esc ב-Windows או מקש החזרה ב-Android, באותו אופן כמו תיבות דו-שיח וחלונות קופצים מובנים.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

Source

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

גרסאות בטא של דפדפנים מאפשרות לראות תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. אתם יכולים לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם לפני שהגרסה היציבה תושק. הגרסאות החדשות של בטא שפורסמו החודש כוללות את Firefox 150 ו-Chrome 147.

גרסת בטא של Chrome 147

גרסת בטא של Chrome 147 כוללת את contrast-color() – פונקציית CSS שמחזירה שחור או לבן, בהתאם לצבע שיוצר את הניגודיות הכי גבוהה עם צבע הארגומנט. הוא כולל גם border-shape ומעברי תצוגה בהיקף של רכיב.

ב-Firefox 150 beta נוספה מילת המפתח revert-rule CSS, customeElementRegistry עבור Elements ו-DocumentOrShadowRoot, ו-light-dark() עבור תמונות.