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

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

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

פונקציות עזר של איטרטור סינכרוני

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

Browser Support

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

Source

קטעי טקסט

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

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

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

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

Browser Support

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

Source

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

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

Browser Support

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

Source

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

Browser Support

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

Source

fetchPriority

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

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

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Source

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

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

Browser Support

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

Source

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

הכלל לגבי הצהרות בתצוגת עץ

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

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

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

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

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

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

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

Browser Support

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

Source

תיקוני נגישות ב-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 יש תמיכה בתיבות שוליים של מדיה עם דפים ב-CSS‏ @page, כך שתוכלו לספק כותרות עליונות ותחתונות בהתאמה אישית כשאתם מדפיסים מהאינטרנט.