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

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

Rachel Andrew

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

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

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

בריחה מ-< ומ-> במאפיינים כשמבצעים סריאליזציה של HTML

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

ה-CSS Custom Highlight API

ב-Firefox 140 מוטמע CSS Custom Highlight API. כך תוכלו להגדיר ולסגנן טווחי טקסט שרירותיים במסמך, בדומה לפסאודו-רכיבים אחרים של CSS להדגשה, כמו ::grammar-error.

Browser Support

  • Chrome: 105.
  • Edge: 105.
  • Firefox: 140.
  • Safari: 17.2.

Source

בנוסף ל-JavaScript API, העבודה כוללת את רכיב ה-CSS ::highlight, שמשמשים להחלה של סגנונות על התיוג המודגש הרשום. התכונה הזו זמינה עכשיו לשימוש רחב, אבל יש כמה בעיות בפסאודו-אלמנט ::highlight שעדיין לא מאפשרות להגדיר אותה כ-Baseline.

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

Browser Support

  • Chrome: 87.
  • Edge: 87.
  • Firefox: 140.
  • Safari: 18.4.

Source

הסרה של אירועי Mutation

Interop 2025 מכיל הסרה השנה. אירועי המוטציה מהדור הקודם, כמו DOMSubtreeModified,‏ DOMNodeInserted ו-DOMNodeRemoved, עוקבים אחרי שינויים ב-DOM ומפעילים קריאה חוזרת (callback) של מאזין לאירועים כשמתרחשים שינויים ב-DOM. אירועי המוטציה האלה הוצאו משימוש לטובת MutationObserver API, שמניב ביצועים טובים יותר ופחות נוטה לשגיאות.

ב-Firefox 140 האירועים האלה כבר הוסרו, והם כבר הוסרו מ-Chrome.

Browser Support

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

Source

פונקציות CSS ב-Chrome 138

גרסה 138 של Chrome כוללת קבוצה שלמה של פונקציות CSS, חלקן חדשות בפלטפורמה וחלקן הופכות ל-Baseline לאחר ההכללה שלהן ב-Chrome.

הפונקציות שקשורות לחתימה abs() ו-sign() יהיו זמינות בגרסה הבסיסית החל מ-Chrome 138.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 118.
  • Safari: 15.4.

Source

פונקציית הביניים (interpolation) – progress() – היא חדשה בפלטפורמה.

גרסה 138 של Chrome כוללת גם את sibling-index() וגם את sibling-count(). אפשר להשתמש בהם כמספרים שלמים בערכים של מאפייני CSS כדי להגדיר סגנון לרכיבים על סמך המיקום שלהם בין אחיהם או על סמך המספר הכולל של האחים, בהתאמה.

ממשקי AI API מובנים לתרגום, לזיהוי שפות ולסיכום

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

Browser Support

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

Summarizer API מסכם טקסט, גם כן במכשיר באמצעות מודל ה-AI הפנימי של הדפדפן.

Browser Support

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

תמיכה בכיוון של פריים הווידאו ב-WebCodecs

ב-Chrome 138 נוספו גם הערכים rotation: int ו-flip: bool לממשקים שונים שקשורים לווידאו ב-WebCodecs, כדי שמפתחים יוכלו לעבוד עם מקורות של פריימים שיש להם כיוון.

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

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

גרסת Safari 26 הולכת להיות גרסת דפדפן עם שפע תכונות. ב-CSS, התמיכה כוללת את overflow-block ו-overflow-inline, אנימציות שמבוססות על גלילה, מיקום של עוגנים, הפונקציה progress() ב-CSS ועוד הרבה. יש גם תמיכה בממשקי ה-API של AudioEncoder ו-AudioDecoder, ב-URLPattern API, ב-Digital Credentials API, ב-Trusted Types וב-WebAuthn Signal API.

גרסה 139 של Chrome כוללת פונקציות מותאמות אישית של CSS, עיצוב פינות והמאפיין caret-animation. בנוסף, נכללים Web Speech API במכשיר, תוספים ברמת האפליקציה לאינטרנט ופקודת ההפעלה request-close.

ב-Firefox 141 נוסף הארגומנט options.source ל-showPopover() ול-togglePopover(), כדי ליצור קשר בין חלון קופץ לבין הגורם שהפעיל אותו. היא כוללת גם תמיכה במאפיין font-variant-emoji ב-CSS.