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

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

Rachel Andrew

פורסם: 1 באוקטובר 2025

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

‫Chrome 140,‏ Chrome 141,‏ Safari 26 ו-Firefox 143 שוחררו לגרסה יציבה במהלך ספטמבר. בפוסט הזה נסקור את מה שהיה חודש די מרגש עבור פלטפורמת האינטרנט.

תכונות חדשות של CSS ב-Safari 26

יש הרבה מה לראות בגרסה האחרונה של Safari, ויש סיכום מקיף בWebKit Features in Safari 26.0. הנה כמה מהתכונות העיקריות של CSS:

מיקום מודעות העוגן

במסגרת Interop 2025, ‏ Safari השיקה תמיכה במיקום עוגן ב-CSS. האפשרות הזו מאפשרת לקשור רכיבים לעוגן, והיא שימושית במיוחד בשילוב עם חלון קופץ.

Browser Support

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

Source

text-wrap: pretty

הערך pretty של text-wrap מבקש מהדפדפן לשפר את הטיפוגרפיה – למשל, לצמצם את ההשפעה של קצוות לא אחידים ושל פערים בטיפוגרפיה, ולמנוע שורות אחרונות קצרות.

Browser Support

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

Source

אנימציות שמופעלות בגלילה

ב-Safari יש גם תמיכה באנימציות שמופעלות בגלילה, שמאפשרות לקשר אנימציות למרחק הגלילה של המשתמש.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

ערכים ופונקציות חדשים

דפדפן Safari הוא הדפדפן הראשון שמוסיף תמיכה בפונקציה contrast-color(), שמאפשרת לבקש מהדפדפן לבחור את הצבע עם הניגודיות הכי גבוהה ביחס לצבע אחר.

Browser Support

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

Source

הפונקציה המתמטית progress() מחזירה מספר שמציין את ההתקדמות בין שני ערכים אחרים.

Browser Support

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

יש עכשיו תמיכה במאפיינים align-self ו-justify-self למיקום אבסולוטי.

Browser Support

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

המאפיינים הלוגיים overflow-block ו-overflow-inline נתמכים, ואפשר להשתמש בהם במקום overflow-x ו-overflow-y.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

‫Safari תומך עכשיו גם ב-margin-trim.

Browser Support

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

Source

פסאודו הרכיב ::details-content

ב-Firefox 143 נוספה תמיכה ב-::details-content, שמאפשרת להגדיר סגנון לתוכן של רכיב <details>.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

תמיכה בסמני סגנון שנוצרו באמצעות תוכן גנרטיבי

ב-Firefox 143 נוספה גם תמיכה בבוררים ::before::marker ו-::after::marker. המאפיינים האלה מאפשרים להגדיר סגנון ל-::marker כשיוצרים אותו באמצעות פסאודו-אלמנטים של ::before או ::after.

Browser Support

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

Digital Credentials API

גרסה 26 של Safari וגרסה 141 של Chrome כוללות תמיכה ב-Digital Credentials API. כך אתרים יכולים לבקש באופן סלקטיבי מידע שניתן לאימות על המשתמש באמצעות מסמכים דיגיטליים כמו רישיון נהיגה או תעודת זהות שנשמרים בארנק דיגיטלי.

Browser Support

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

ממשק ה-API של תבנית ה-URL הופך לזמין כ-Baseline Newly available

URL Pattern API מאפשר להשתמש בURL Pattern Standard כדי להתאים כתובות URL באמצעות ביטויים רגולריים. הוא הושק ב-Safari 26, ועכשיו הוא זמין כ-Baseline Newly available.

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

המרת Uint8Array ל-base64 ול-hex ומ-base64 ומ-hex ל-Uint8Array היא עכשיו Baseline Newly available

Base64 היא דרך נפוצה לייצג נתונים בינאריים שרירותיים כ-ASCII. ב-JavaScript יש Uint8Arrays לנתונים בינאריים. עם זאת, אין לו מנגנון מובנה לקידוד הנתונים האלה כ-base64, או לקבלת נתוני base64 וליצירת Uint8Array תואם. התכונה הזו מוסיפה את היכולת ואת השיטות להמרה בין מחרוזות הקסדצימליות לבין Uint8Arrays. ב-Chrome 140, הוא הופך לזמין כ-Baseline Newly.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

הנכס caret-animation

המאפיין caret-animation של CSS הושק ב-Chrome 140 ויש לו שני ערכים אפשריים: auto ו-manual. ‫auto מייצג את ברירת המחדל של הדפדפן (הבהוב), ו-manual מייצג את האנימציה של סימן המיקום שנקבעה על ידי המפתח. בנוסף, משתמשים שמוטרדים מגירויים חזותיים מהבהבים או שיש להם תגובות שליליות לגירויים כאלה יכולים להשבית את ההבהוב באמצעות גיליון סגנונות של משתמש.

Browser Support

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

Source

‫ARIA Notify API

החל מ-Chrome 141, ‏ ariaNotify מספק API של JavaScript שמאפשר ליוצרי תוכן להגדיר לקורא המסך מה לקרוא. הוא משפר את המהימנות ואת השליטה של המפתחים בהשוואה לאזורים פעילים של ARIA, ומאפשר להודיע על שינויים שלא קשורים לעדכוני DOM.

האפשרות IndexedDB getAllRecords() ו-direction עבור getAll() ו-getAllKeys()

התכונה הזו ב-Chrome 141 מוסיפה את השיטה getAllRecords() ל-IndexedDB IDBObjectStore ול-IDBIndex. בנוסף, הוא מוסיף פרמטר כיוון ל-getAll() ול-getAllKeys(). הפונקציונליות הזו מאפשרת להאיץ משמעותית דפוסי קריאה מסוימים בהשוואה לחלופה הקיימת של איטרציה עם סמנים.

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

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

גרסה Safari 26.1 היא בעיקר גרסה לתיקון באגים, עם תיקונים למיקום עוגנים בין שינויים אחרים. גרסה Firefox 144 תכלול מעברים בין תצוגות באפליקציות עם דף יחיד (SPA). זו אחת מהתכונות שיתמקדו בהן ב-Interop 2025, והמשמעות היא שהתכונה הזו תהיה זמינה ב-Baseline Newly.

ב-Firefox 144 נכללת גם השיטה moveBefore() בממשקים Element, DocumentFragment ו-Document. כך אפשר להעביר רכיב משני ישיר של האובייקט, לפני רכיב משני אחר שלו.