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

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

Rachel Andrew

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

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

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

בדיקת היכולות של WebAuthn

ב-Firefox 135 וב-Chrome 133 נוספה תמיכה ב-method הסטטי PublicKeyCredential.getClientCapabilities(). כך תוכלו לבדוק אם דפדפן תומך בתכונות של Web Authentication API, בלי להשתמש בזיהוי נתונים בדפדפן.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 135.
  • Safari: 17.4.

Source

גרסה 135 של Firefox כוללת גם תכונות מהצעה לניתוח JSON עם מקור – הארגומנט context של הפרמטר reviver ב-JSON.parse, JSON.isRawJSON() ו-JSON.rawJSON().

Browser Support

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

Source

ערך ההצעה של מאפיין החלון הקופץ

ב-Chrome 133 נוספו ערך שלישי למאפיין popover,‏ popover="hint". לטיפים, שמשויכים בדרך כלל להתנהגויות מסוג 'תיאור כללי', יש התנהגויות שונות במקצת. עכשיו אפשר לפתוח חלון קופץ לא קשור עם טיפים בזמן שערימה קיימת של חלונות קופצים אוטומטיים נשארת פתוחה.

הדוגמה הקנונית היא בורר <select> פתוח (popover="auto") ומוצג הסבר קצר (popover="hint") שמופעל על ידי החזקת העכבר מעליו. הפעולה הזו לא סוגרת את הבורר <select>.

Browser Support

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

מידע נוסף זמין במאמר חלון קופץ = רמז.

פונקציית attr() מתקדמת של CSS

בגרסה 133 של Chrome יש אוסף נחמד של תוספות CSS. במהדורה הזו של Chrome נוספה תמיכה ב-attr() כפי שצוין ב-CSS ברמה 5. התמיכה הזו מאפשרת להשתמש בסוגים נוספים מלבד <string> בכל מאפייני ה-CSS (בנוסף לתמיכה הקיימת בתוכן של פסאודו-אלמנט).

Browser Support

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

מידע נוסף זמין במאמר שדרוג של שירות ה-CSS attr().

שאילתות של קונטיינרים של מצבי גלילה ב-CSS

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

מאגר השאילתות הוא מאגר גלילה או רכיב שמושפע ממיקום הגלילה של מאגר גלילה. אפשר לשלוח שאילתות לגבי המצבים הבאים:

  • stuck: קונטיינר במיקום דביק מודבק לאחד מהקצוות של תיבת הגלילה.
  • snapped: קונטיינר שמיושר באמצעות התכונה 'הצמדה לגלילה' מיושר כרגע אופקית או אנכית.
  • scrollable: האם אפשר לגלול בקונטיינר של גלילה בכיוון של השאילתה.

יש גם ערך חדש ל-container-type: scroll-state שמאפשר לשלוח שאילתות לקונטיינרים.

Browser Support

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

מידע נוסף זמין במאמר CSS scroll-state().

שירותי CSS‏ text-box,‏ text-box-trim ו-text-box-edge

ב-CSS ל-Chrome 133 יש גם את המאפיינים text-box-trim ו-text-box-edge, יחד עם נכס הקיצור text-box. המאפיינים האלה מאפשרים לבצע בקרה מדויקת יותר על היישור האנכי של הטקסט.

Browser Support

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

מידע נוסף על האופן שבו פועל הנכס השימושי הזה זמין במאמר CSS text-box-trim.

העברה שמשמרת את מצב ה-DOM

ב-Chrome 133 נוספה פונקציה פרימית של DOM‏ (Node.prototype.moveBefore) שמאפשרת להעביר רכיבים בתוך עץ DOM, בלי לאפס את המצב של הרכיב.

כשעוברים פריטים במקום להסיר אותם ולהוסיף אותם, המצב הבא נשמר:

  • האלמנטים של <iframe> נשארים טעונים.
  • הרכיב הפעיל נשאר בפוקוס.
  • חלונות קופצים, תיבות דו-שיח מודאליות ותיבות דו-שיח במסך מלא יישארו פתוחות.
  • מעברים ואנימציות של CSS ממשיכים לפעול.

Browser Support

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

הממשק FileSystemObserver

הממשק FileSystemObserver שנוסף ב-Chrome 133 מאפשר לאתרים לקבל התראות על שינויים במערכת הקבצים. אתרים מזהים שינויים בקבצים ובספריות שהמשתמש העניק להם הרשאה בעבר, במכשיר המקומי של המשתמש או במערכת הקבצים של הקטגוריה (שנקראת גם מערכת הקבצים הפרטית של המקור), ומקבלים התראות על פרטי שינויים בסיסיים, כמו סוג השינוי.

Browser Support

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

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

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

גרסת הבטא האחרונה של Safari כוללת רשימה ארוכה של תוספות ושיפורים, כולל כמה תכונות שאנחנו מצפים להוסיף לגרסה הרגילה ברגע שהדפדפן יהיה יציב. לדוגמה, writing-mode: sideways-rl ו-writing-mode: sideways-lr, השיטה הסטטית supports() ל-ClipboardItem ורשימה שלמה של דברים מהצעה של Iterator Helpers.

גם גרסת הבטא של Safari 18.4 וגם Firefox 136 כוללות את Cookie Store API, שצפוי להיות זמין ברמה הבסיסית לאחר השקת שני הדפדפנים.

גרסה 136 של Firefox כוללת את שתי סוגי הסיווגים המזויפים :open ו-:has-slotted, והאחרון נכלל גם בגרסה 134 של Chrome. הוא כולל גם את Intl.DurationFormat, שצריך להיות Baseline Newly available.

גרסה 134 של Chrome כוללת אלמנטים <select> שניתן להתאים אישית, את המאפיין dynamic-range-limit ב-CSS ופונקציונליות סגירה קלה של אלמנטים <dialog>.