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

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

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

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

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

Temporal API

Firefox 139 הוא הדפדפן הראשון שתומך ב-Temporal API. כך קל יותר לעבוד עם תאריכים ושעות בתרחישים שונים, עם ייצוגים מובנים של אזורי זמן ויומני שנה.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 139.
  • Safari: behind a flag.

Source

hidden=until-found וגם beforematch

גרסה 139 של Firefox כוללת גם את מאפיין ה-HTML hidden="until-found" ואת האירוע beforematch. המצב until-found מאפשר להסתיר את התוכן של רכיב עד שהוא נמצא על ידי חיפוש של משתמש (לדוגמה, באמצעות 'חיפוש בדף') או על ידי ניווט בקטעים. האירוע beforematch מופעל ממש לפני שהמאפיין hidden מוסר

השיטה requestClose()

עכשיו בגרסת Baseline: השיטה requestClose() של הממשק HTMLDialogElement זמינה עכשיו במהדורה 139 של Firefox.

השיטה הזו שונה מהשיטה HTMLDialogElement.close() בכך שהיא מפעילה אירוע cancel לפני שהיא מפעילה את האירוע close.

Browser Support

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

Source

CSS reading-flow ו-reading-order

ב-Chrome 137 יש את reading-flow ואת reading-order. נכס ה-CSS reading-flow קובע את הסדר שבו רכיבים בפריסה של גמישות, רשת או בלוקים נחשפים לכלים לנגישות, ואת האופן שבו הם מקבלים מיקוד באמצעות שיטות ניווט לינאריות רצופות. כך פותרים בעיה ארוכת טווח בתצוגות רשת וגמישות, שבהן סדר הלחצן Tab יכול להיות מנותק מהסדר שבו הפריטים מסודרים.

בעזרת מאפיין ה-CSS reading-order אפשר לשנות באופן ידני את הסדר של הפריטים בתוך מאגר של תהליך קריאה. כדי להשתמש במאפיין הזה בתוך מאגר, ב-flex או בקונטיינר של בלוקים, מגדירים את הערך reading-flow בקונטיינר כ-source-order ומגדירים את הערך reading-order של הפריט הספציפי כערך שלם.

Browser Support

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

מידע נוסף זמין במאמר שימוש ב-CSS reading-flow לניווט לוגי רציף עם מיקוד.

פונקציית if() של CSS

בנוסף, ב-Chrome 137, הפונקציה if() ב-CSS מספקת דרך תמציתית להביע ערכים מותנים. אפשר להזין בו סדרה של צמדים של תנאי-ערך, שמופרדים בפסיקים פסיקיים. הפונקציה בוחנת כל תנאי ברצף ומחזירה את הערך שמשויך לתנאי הראשון שמתקיים. אם אף אחד מהתנאים לא מתקיים, הפונקציה מחזירה מקור אסימונים ריק.

Document-Isolation-Policy

התכונה Document-Isolation-Policy, שזמינה ב-Chrome 137, מאפשרת למסמך להפעיל את crossOriginIsolation בעצמו, בלי צורך לפרוס את COOP או COEP, ולא משנה מה סטטוס crossOriginIsolation של הדף. המדיניות נתמכת בבידוד תהליכים. בנוסף, משאבי המשנה של המסמך ממקורות שונים ללא CORS יטופלו באופן הבא: הם יטענו ללא פרטי כניסה, או שיהיה צורך לכלול בהם כותרת CORP.

התראות Web Push דקלרטיביות

הגרסה 18.5 של Safari הייתה בעיקר גרסה לתיקון באגים, אבל היא כוללת גם את התכונה Declarative Web Push ל-macOS. התכונה הזו זמינה כרגע רק ב-Safari. מידע נוסף זמין במאמר Meet Declarative Web Push בבלוג של WebKit.

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

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

גרסה 140 של Firefox כוללת קבוצת משנה של Cookie Store API, שיטה מודרנית, אסינכררונית ומבוססת-Promise לניהול קובצי cookie, שאפשר להשתמש בה גם בחוט הראשי וגם ב-service workers.

גרסה 138 של Chrome כוללת כמה ממשקי API מובנים של AI – Summarizer API,‏ Language Detector API ו-Translator API.

בנוסף, ב-Chrome 138 יש כמה תכונות CSS, כולל מילת המפתח stretch לבחירת גודל, והפונקציות sibling-index() ו-sibling-count().