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

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

תאריך פרסום: 27 בנובמבר 2024

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

WebCodecs API

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

Browser Support

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

Source

המאפיין WorkerNavigator permissions

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

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page תיבות שוליים

ב-Chrome 131 נוספה תמיכה בתיבות של שולי הדף כשמדפיסים מסמך אינטרנט או מייצאים אותו כקובץ PDF.

תיבות השוליים @page מאפשרות לכם להגדיר את התוכן באזור השוליים של הדף, למשל כדי לספק כותרות עליונות וכותרות תחתונות בהתאמה אישית, במקום להשתמש בכותרות העליונות ובכותרות התחתונות המובנות שנוצרות על ידי הדפדפן.

יש תמיכה גם בספירה לאחור, למספרי דפים. במפרט מוגדרים שני שמות מיוחדים למונה: page למספר הדף הנוכחי ו-pages למספר הכולל של הדפים.

מידע נוסף זמין במאמר הוספת תוכן לשוליים של דפים שמודפסים באמצעות CSS.

Browser Support

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

תמיכה ב-currentcolor בתחביר של צבעים יחסיים

ב-Chrome 131 אפשר להשתמש בצבעים יחסיים ב-CSS (באמצעות מילת המפתח from) עם currentcolor כבסיס. כך תוכלו להגדיר צבעים משלימים, על סמך צבע הטקסט של רכיב, לגבולות, לצללים או לרקעים של אותו רכיב.

Uint8Array שיטות

ב-Firefox 133 נוספו כמה שיטות חדשות של Uint8Array כדי להקל על המרות בין base64- למחרוזות ויריעות בייטים בקידוד הקסדצימלי:

  • Uint8Array.fromBase64() וגם Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() וגם Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() וגם Uint8Array.prototype.toHex()

Browser Support

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

Source

WebHID ב-workers ייעודיים

ב-Chrome 131 אפשר להפעיל את WebHID בהקשרים של עובדים ייעודיים. כך אפשר לבצע פעולות קלט/פלט כבדות ועיבוד נתונים ממכשיר HID ב-thread נפרד, וכך לצמצם את ההשפעה על הביצועים ב-thread הראשי.

Browser Support

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

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

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

גרסה 18.2 של Safari כוללת את השיטות Uint8Array, שצוינו קודם לכן בפוסט הזה כאלה שנוספו ל-Firefox, ואת מתארי השוליים @page שנוספו ל-Chrome החודש. יש רשימה טובה של תכונות CSS חדשות, כולל תמיכה במעברים בין תצוגות במסמכים שונים, ruby-align ו-text-box-trim.

ב-Chrome 132 יש תמיכה במילות המפתח sideways-rl ו-sideways-lr למאפיין ה-CSS writing-mode, באירועי החלפת מצב ל-<dialog> ובשיטה bytes() לממשקי Request ו-Response.

בשלב הזה אין הרבה פרטים על Firefox 134, אבל נראה שהוא כולל את Promise.try, שגם נמצא בגרסת הבטא של Safari 18.2.