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

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

תאריך פרסום: 30 באפריל 2025

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

באפריל 2025, הגרסאות Firefox 137,‏ Firefox 138, ‏ Chrome 135 ו-Chrome 136 הפכו לגרסאות יציבות. בפוסט הזה נסקור את התכונות החדשות שנוספו לפלטפורמת האינטרנט במהלך חודש שבו השקנו שתי גרסאות של Chrome ו-Firefox.

קרוסלות מגיעות ל-Chrome

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

רכיבי ה-pseudo-element‏ ::scroll-button() ו-::scroll-marker() מאפשרים להוסיף לחצנים וסימנים לכל אזור שניתן לגלילה באתר, וכך לספק אמצעי ניווט ודרך להראות למשתמש איפה הוא נמצא בזמן שהוא מתקדם בקרוסלה.

Browser Support

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

Source

רכיב הסימון ::column שמאפשר להגדיר סגנון לחלק של עמודה.

Browser Support

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

Source

המאפיין interactivity מציין אם אלמנט והצאצאים שלו בעץ השטוח (כולל רצפי טקסט) הם רדומים או לא.

Browser Support

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

כשמשביתים רכיב, הדבר משפיע על היכולת להתמקד בו, לערוך אותו, לבחור אותו ולחפש אותו באמצעות 'חיפוש בדף'. הוא גם משפיע על האפשרות להציג אותו בעץ הנגישות.

מידע נוסף זמין במאמר קרוסלות עם CSS.

המאפיינים command ו-commandfor

ב-Chrome 135 יש גם את המאפיינים command ו-commandfor. המאפיינים האלה משפרים ומחליפים את המאפיינים popovertargetaction ו-popovertarget. אפשר להוסיף את המאפיינים החדשים האלה ללחצנים, וכך לאפשר לדפדפן לטפל בבעיות מרכזיות מסוימות שקשורות לפשטות ולנגישות, ולספק פונקציונליות משותפת מובנית.

מידע נוסף זמין במאמר הצגת command ו-commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

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

פונקציית ה-CSS shape() ב-Chrome 135 משמשת להגדרת צורה למאפיינים clip-path ו-offset-path. כך משתמשים ב-CSS רספונסיבי לחיתוך הפונקציה הזו נכללה ב-Safari 18.4 וגם ב-Firefox Nightly. אנחנו מקווים שהיא תהיה זמינה בקרוב בגרסה הבסיסית.

Browser Support

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

Source

Atomics.pause()

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

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

גרסה 137 של Firefox כוללת גם את המאפיין hyphenate-limit-chars של CSS. המאפיין הזה מציין את אורך המילה המינימלי שמאפשר הוספת מקפים למילים, ואת מספר התווים המינימלי לפני ואחרי המקף.

Browser Support

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

Source

RegExp.escape

השיטה הסטטית RegExp.escape הושקתה בכל הדפדפנים תוך כמה חודשים, והיא תהיה זמינה בגרסת Baseline החדשה כשהיא תושקה ב-Chrome 136.

השיטה הזו מוסיפה תווים בריחה לכל תווים פוטנציאליים של תחביר של ביטוי רגולרי במחרוזת, ומחזירה מחרוזת חדשה שאפשר להשתמש בה בבטחה כתבנית לליטלרית של ה-constructor‏ RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

השיטה הסטטית Error.isError() קובעת אם הערך שהוענק הוא שגיאה. הוא כלול ב-Firefox 138. יש תמיכה בדפדפנים בכל הדפדפנים, אבל עדיין לא נחשבת ל-Baseline Newly available כי כרגע Safari מחזיר false למופעים של DOMException.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

Login Status API ל-FedCM

ב-Firefox 138 יש תמיכה ב-Login Status API כשמשתמשים ב-Federated Credential Management API ‏ (FedCM). משמש להגדרה ולבדיקה אם משתמש בדפדפן מחובר לספק זהויות. ב-Firefox 138 יש תמיכה בממשק NavigatorLogin, במאפיין navigator.login ובכותרת התגובה Set-Login של HTTP.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

תקינות של Importmap

ב-Firefox 138, הערך importmap של המאפיין type ברכיב <script> תומך עכשיו במפתח integrity. כך אפשר להתאים את כתובות ה-URL של מודול ES שמפונות במפות הייבוא למטא-נתונים של תקינות. התכונה הזו זמינה עכשיו בגרסת Baseline.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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

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

עד כה, גרסת הבטא של Safari 18.5 כוללת רק כמה תיקוני באגים אחרי ההשקה הגדולה של גרסת 18.4.

נכון למועד כתיבת המאמר, צוות Firefox עדיין לא פרסם את הערות המוצר, אבל נראה שהגרסה הבטא כוללת את Temporal API, כך ש-Firefox הוא הדפדפן הראשון שמכיל את הגרסה המשופרת הזו של Date. כמו כן, הטמעה של <dialog> request.close(), שתוביל את השיטה הזו ל-Baseline (האפשרות החדשה שזמינה).