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

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

Rachel Andrew

תאריך פרסום: 24 באפריל 2026

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

‫Chrome 147 ו-Firefox 150 הושקו לגרסה יציבה במהלך אפריל. לא הייתה גרסה יציבה של Safari החודש. בפוסט הזה נסקור את התכונות החדשות הרבות שהשקנו החודש.

הפונקציה contrast-color() CSS הופכת ל-Baseline

התכונה הזו, שהיא תכונת נגישות שימושית, זמינה עכשיו בכל המנועים העיקריים, כי היא נכללת ב-Chrome 147 עם הפונקציה contrast-color().

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

Browser Support

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

Source

מאפייני הטווח של אנימציות מבוססות-גלילה הם עכשיו Baseline

‫Firefox 150 כולל תמיכה במאפיינים animation-range-start ו-animation-range-end, וגם בקיצור הדרך animation-range. כך הנכסים האלה הופכים לזמינים בתוכנית Baseline.

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

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

השיטה ariaNotify()

ב-Firefox 150 יש תמיכה בשיטת ariaNotify() ב-Document וב-Element. השיטה הזו מאפשרת ליוצרי תוכן להוסיף למאגר מחרוזת טקסט שתוקרא על ידי קורא מסך.

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

Browser Support

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

Source

גדלים אוטומטיים של תמונות בטעינה מדורגת

‫Firefox 150 תומך עכשיו במילת המפתח "auto" עבור המאפיין sizes של רכיבי <img>. כך אפשר להשתמש בגודל הפריסה המחושב של התמונה כדי לבחור את המקור הטוב ביותר מתוך srcset, ולפשט את ההגדרה של תמונות רספונסיביות.

Browser Support

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

Source

מעברי תצוגה בהיקף של רכיב

‫Chrome 147 חושף את element.startViewTransition() ברכיבי HTML שרירותיים. האפשרות הזו מאפשרת מעברים בהיקף של רכיב ספציפי, כלומר, רכיבי פסאודו מושפעים מקליפים ומטרנספורמציות של רכיבי אב, ואפשר להפעיל כמה מעברים בו-זמנית.

מאפיין CSS‏ border-shape

ב-Chrome 147 נוסף המאפיין border-shape, שמאפשר ליצור גבולות לא מלבניים עם צורות כמו פוליגונים או עיגולים.

מאפיין הנתיב <textPath> ב-SVG

ב-Chrome 147 נוספה תמיכה במאפיין path ברכיב SVG‏ <textPath>, שמאפשר להגדיר גיאומטריה של נתיב טקסט בתוך השורה.

Browser Support

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

תמיכה ב-Modulepreload עבור JSON וסגנון

ב-Chrome 147 נוספה תמיכה בסוגי מודולים של JSON וסגנון בתור <link rel="modulepreload">יעדים.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

ב-Chrome 147 מיושמת ההצעה של TC39 ל-Math.sumPrecise, שמחזירה סכום מדויק של ערכים בפריט שאפשר לחזור עליו. השיטה הזו זמינה עכשיו כ-Baseline Newly.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

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

גרסאות בטא של דפדפנים מאפשרות לכם לראות תצוגה מקדימה של מה שיהיה בגרסה היציבה הבאה של הדפדפן. זה זמן מצוין לבדוק תכונות חדשות או הסרות שיכולות להשפיע על האתר שלכם לפני שהגרסה הזו תופץ בעולם. גרסאות הבטא החדשות החודש הן Chrome 148,‏ Firefox 151 ו-Safari 26.5.

גרסת בטא של Chrome 148 כוללת שאילתות מאגרים ב-CSS עם שמות בלבד, טעינה מדורגת של רכיבי וידאו ואודיו, ואת הפונקציה at-rule() לזיהוי תכונות ב-@supports.

גרסת הבטא של Firefox 151 כוללת שאילתות סגנון של קונטיינר CSS.

גרסת הבטא של Safari 26.5 כוללת תמיכה במחלקת ה-pseudo‏ :open ברכיבים <details>,‏ <dialog>,‏ <select> ו-<input>, בנוסף למספר גדול של פתרונות לבעיות.