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

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

באוקטובר 2024, הגרסאות Firefox 131,‏ Firefox 132,‏ Safari 18.1 ו-Chrome 130 הפכו לגרסאות יציבות. הפוסט הזה מתייחס לתכונות החדשות שנוספו לפלטפורמת האינטרנט.

כלי עזר סינכרוניים באיטרטור

ב-Firefox 131 נוספה תמיכה בכלי עזר איטרטור סינכרוני. לדוגמה, Iterator.prototype.forEach()‎ ו-Iterator.prototype.map()‎. הפונקציות האלה מאפשרות לבצע פעולות שדומות לפעולות על מערכי נתונים במערכי סריקה בלי ליצור אובייקטים של מערכי ביניים, כולל קבוצות נתונים גדולות מאוד שבהן לא ניתן ליצור מערך ביניים.

תמיכה בדפדפנים

  • Chrome:‏ 122.
  • Edge:‏ 122.
  • Firefox:‏ 131.
  • Safari: לא נתמך.

מקור

מקטעי טקסט

ב-Firefox 131 יש גם תמיכה בקטעי טקסט, יחד עם פסאודו-רכיב ה-CSS ::target-text.

תמיכה בדפדפנים

  • Chrome:‏ 89.
  • Edge:‏ 89.
  • Firefox:‏ 131.
  • Safari Technology Preview: יש תמיכה.

מקור

קובצי Cookie עם חלוקה עצמאית למחיצות (CHIPS)

גרסה 131 של Firefox כוללת את CHIPS, שמאפשרת לכם להעביר קובצי cookie לאחסון מפולח באמצעות ההנחיה partitioned בכותרת ה-HTTP‏ Set-Cookie.

תמיכה בדפדפנים

  • Chrome:‏ 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: לא נתמך.

מקור

עדכונים לגבי מדיה

במהלך אוקטובר פורסמה הגרסה השנייה של Firefox, עם קבוצה של תכונות מדיה שנוספו ל-Baseline Newly available. גרסה 132 של Firefox כוללת את השיטות requestVideoFrameCallback() ו-cancelVideoFrameCallback() של HTMLVideoElement.

תמיכה בדפדפנים

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

מקור

השיטה MediaStreamTrack.getCapabilities() כלולה גם כן.

תמיכה בדפדפנים

  • Chrome: 59.
  • Edge:‏ 12.
  • Firefox:‏ 132.
  • Safari: 11.

מקור

fetchPriority

Fetch Priority API מציין את העדיפות היחסית של המשאבים לדפדפן. התמיכה בו מתחילה ב-Firefox 132, כלומר ה-API השימושי הזה זמין עכשיו ב-Baseline Newly available.

מידע נוסף זמין במאמר אופטימיזציה של טעינת המשאבים באמצעות Fetch Priority API.

תמיכה בדפדפנים

  • Chrome:‏ 102.
  • קצה: 102.
  • Firefox:‏ 132.
  • Safari: 17.2.

מקור

תמיכה מלאה ב-box-decoration-break

גרסה 130 של Chrome כוללת תמיכה מלאה ללא קידומת במאפיין ה-CSS box-decoration-break. זה כולל את הערך של clone לבלוקים ולפרגמנטציה בתוך השורה.

תמיכה בדפדפנים

  • Chrome:‏ 130.
  • Edge:‏ 130.
  • Firefox: 32.
  • Safari: 7.

מקור

מידע נוסף על המאפיין זמין במאמר הנכס box-decoration-break ב-Chrome 130.

כלל של הצהרות בתוך הצהרות

בגרסה 130 של Chrome ובגרסה 132 של Firefox יש תמיכה בהצהרות מוערמות של CSS. כלומר, קוד CSS בתצוגת עץ מנותח בצורה נכונה, כפי שמוסבר במאמר שיפור של עץ CSS עם CSSNestedDeclarations.

תמיכה בדפדפנים

  • Chrome:‏ 130.
  • Edge:‏ 130.
  • Firefox:‏ 132.
  • Safari: לא נתמך.

המאפיין connected של Web Serial ואירועי החיבור של RFCOMM

ב-Chrome 130 נוסף מאפיין בוליאני SerialPort.connected. המאפיין מחזיר את הערך True אם היציאה הטורית מחוברת באופן לוגי.

בעזרת התכונה הזו, יציאות טוריות של Bluetooth RFCOMM שולחות את האירועים האלה כשהיציאה מתחברת או מתנתקת באופן לוגי.

התכונה הזו נועדה לאפשר לאפליקציות לזהות מתי יציאה טורית של Bluetooth RFCOMM זמינה, בלי לפתוח את היציאה.

מידע נוסף זמין במאמר עדכוני Bluetooth RFCOMM ב-Web Serial.

תמיכה בדפדפנים

  • Chrome:‏ 130.
  • Edge: לא נתמך.
  • Firefox: לא נתמך.
  • Safari: לא נתמך.

תיקוני נגישות ב-Safari

הגרסה Safari 18.1 פורסמה זמן קצר אחרי Safari 18, והיא כוללת תיקונים למספר בעיות נגישות, במיוחד בנושא display: contents.

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

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

ב-Firefox 133 יש תמיכה בממשקים ImageDecoder,‏ ImageTrackList ו-ImageTrack של WebCodecs API, שמאפשרים לפענח תמונות מהשרשור הראשי ומשרשורי העבודה.

ב-Firefox 133 יש גם תמיכה ב-WorkerNavigator.permissions.

Chrome 131 כולל את ירושה של הדגשת תוסף CSS, שבה ה-CSS מדגיש פסאודו-מחלקות, כמו ::selection ו-::highlight, יורש את המאפיינים שלהם דרך שרשרת ההדגשה לכאורה, ולא דרך שרשרת הרכיבים. כתוצאה מכך, מתקבל מודל אינטואיטיבי יותר בירושה של נכסים באזורים מודגשים.

ב-Chrome 131 יש גם תמיכה בתיבות שוליים ל@page של מדיה בעמודת CSS ב-CSS, כך שאפשר לספק כותרות עליונות ותחתונות בהתאמה אישית בהדפסה מהאינטרנט.