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

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

Rachel Andrew

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

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

במרץ 2025, Firefox 136, ‏ Chrome 134 ו-Safari 18.4 הפכו לגרסאות יציבות. בפוסט הזה נסקור את התכונות החדשות שנוספו לפלטפורמת האינטרנט.

סוגי פסאודו חדשים :has-slotted ו-:open

ב-Firefox 136 יש תמיכה בפסאודו-מחלקה :has-slotted, שמשמשת לעיצוב רכיבים ב-<template> שיש להם תוכן שנוסף לאלמנט <slot> במהלך העיבוד של רכיב האינטרנט.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

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

Browser Support

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

Source

Intl.DurationFormat

ב-Firefox 136 יש גם תמיכה ב-Intl.DurationFormat. כך תוכלו לעצב את משכי הזמן, תוך התחשבות באזור הגיאוגרפי. התכונה הזו מצטרפת ל-Baseline. מידע נוסף זמין במאמר Intl.DurationFormat זמין עכשיו ב-Baseline.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

הערך plaintext-only של המאפיין contenteditable

תכונה נוספת שנוספה לגרסה הזו של Firefox היא הערך plaintext-only של המאפיין הגלובלי contenteditable. מידע על הערך הזה זמין במאמר השילוב של ערך המאפיין 'plaintext-only' ב-contenteditable זמין עכשיו כערך בסיסי.

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

מצבי כתיבה לרוחב ל-CSS

ב-Safari 18.4 יש תמיכה ב-writing-mode: sideways-rl וב-writing-mode: sideways-lr. הערכים האלה משמשים כשרוצים להציג טקסט אנכית מסיבות של עיצוב. עכשיו הם אמורים להופיע בתור 'בסיס חדש זמין'.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

הפונקציה shape() של CSS

ב-Safari 18.4 יש גם את הפונקציה shape() ב-CSS, שמאפשרת ליצור צורות רספונסיביות בצורה חופשית ב-clip-path.

Browser Support

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

Source

ClipboardItem.support()

ב-Safari 18.4 מוטמעת השיטה support() עבור ClipboardItem(). כך תוכלו לראות אילו פורמטים נתמכים במהלך פעולות ב-Clipboard, והתכונה הזו זמינה עכשיו ב-Baseline.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

סגירת ההודעה בלחיצה על <dialog>

אחת מהתכונות הנחמדות של Popover API היא התנהגות הסגירה הקלה שלו. ההתנהגות הזו היא עכשיו חלק מ-<dialog>, שהוטמע ב-Chrome 134, עם מאפיין closedby חדש ששולט בהתנהגות.

Browser Support

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

יש עכשיו תמיכה ב-Web Locks API באחסון משותף

ב-Chrome 134, Web Locks API משולב באחסון המשותף. כך אפשר למנוע תרחישים כמו מצב שבו מדידת פוטנציאל החשיפה באתרים שונים עלולה לגרום לדיווח כפול, בגלל תנאי מרוץ פוטנציאליים בלוגיקה של get() ו-set().

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

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

גרסה 137 של Firefox כוללת את השיטה הסטטית Math.sumPrecise, שמחזירה את הסכום של Iterable (כמו מערך). הגרסה הזו כוללת גם את Atomics.pause(). השיטה הזו מספקת ל-CPU רמז לכך שהחוט הנוכחי נמצא ב-spinlock בזמן שהוא מחכה לגישה למשאב משותף.

גרסה 135 של Chrome כוללת כמה תכונות CSS שקשורות ליצירת קרוסלות. הוא כולל גם אלמנטים <select> שניתן להתאים אישית, ואת המאפיינים command ו-commandfor.