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

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

Rachel Andrew

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

בינואר 2024 פלטפורמות Firefox 122, Chrome 121 ו-Safari 17.3 התייצבו. הפוסט הזה בוחן את התכונות החדשות שנוספו לפלטפורמת האינטרנט.

<hr> ב<select>

Firefox 122 מוסיף רכיבי <hr> כצאצא מותר של רכיבי <select>. כך קל יותר לקרוא את הרשימות שנבחרו שיש בהן אפשרויות רבות. כל מנועי הדפדפן הראשיים תומכים עכשיו בתכונה הזו. עם זאת, חשוב לציין שאף דפדפן לא חושף כרגע את <hr> לעץ הנגישות.

תמיכה בדפדפן

  • 119
  • 119
  • 122
  • 17

HTMLSelectElement.showPicker

גם לרכיבי <select> ב-Firefox היא השיטה showPicker() עבור HTMLSelectElement. זהו הבורר שמוצג בדרך כלל כשהאלמנט נבחר, אבל אפשר להפעיל אותו בלחיצה על לחצן או באינטראקציה אחרת של המשתמש.

תמיכה בדפדפן

  • 121
  • 121
  • 122

מקור

Largest Contentful Paint (LCP) API

Firefox 122 תומך גם ב-LCP API. ה-Performance API הזה מספק מידע על התזמון של התמונה או הטקסט הגדולים ביותר לפני האינטראקציה של המשתמשים עם דף אינטרנט. מידע נוסף על LCP זמין בתיעוד של LCP.

תמיכה בדפדפן

  • 77
  • 79
  • 122
  • x

מקור

מאפייני סרגל הגלילה של CSS

בגרסה 121 נוספת תמיכה במאפייני סרגל הגלילה scrollbar-color ו-scrollbar-width. תוכלו לקרוא מידע נוסף על כך במאמר סגנון של סרגל גלילה.

תמיכה בדפדפן

  • 121
  • 121
  • 64
  • x

מקור

אנימציה של font-palette ב-CSS

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

השיטות transfer() ו-transferToFixedLength() של ArrayBuffer

Firefox כולל את שיטות JavaScript transfer() ו-transferToFixedLength() של ArrayBuffer. השיטה transfer() יוצרת ArrayBuffer חדש עם תוכן בייטים זהה לזה של ArrayBuffer הנוכחי, ואז מנתקת את ArrayBuffer המקורי. השיטה transferToFixedLength() פועלת באותו אופן, אבל יוצרת גודל קבוע ArrayBuffer.

תמיכה בדפדפן

  • 114
  • 114
  • 122
  • 17.4

מקור

עדכונים ב-Speculation Rules API

אתרים משתמשים ב-Speculation Rules API כדי להורות ל-Chrome באופן פרוגרמטי אילו דפים לעבד מראש, וכך ליצור חוויית משתמש טובה יותר על ידי קיצור זמן הניווט בדפים.

גרסה 121 של Chrome כוללת תמיכה בכללי מסמכים: הם תוסף לתחביר של כללי הטעינות מראש, שמאפשר לדפדפן לקבל את רשימת כתובות ה-URL לטעינה ספקולטיבית מאלמנטים בדף. כללי המסמך עשויים לכלול קריטריונים שעבורם אפשר להשתמש בקישורים האלה. השילוב הזה עם השדה "eagerness" חדש מאפשר לכם לשלוף מראש קישורים בדפים או לעבד אותם מראש באופן אוטומטי, באמצעות העברת העכבר מעל או עם העכבר.

גרסאות של דפדפן בטא

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

גרסת הבטא של Firefox 123 כוללת את Declarative Shadow DOM.

כמו כן, ב-Firefox 123 יש תמיכה בקוד הסטטוס 103 Early Hints תגובה למידע של HTTP, עבור משאבים לטעינה מראש שייתכן שהדף יזדקק להם בזמן שהשרת מכין את התגובה המלאה.

יש הרבה דברים טובים בגרסת הבטא של Safari 17.4. ב-CSS יש תמיכה ב-@scope, ב-align-content בקונטיינרים בלוקים ובתאי טבלה, בפסאודו-אלמנטים ::grammar-error ו-::spelling-error ועוד הרבה יותר.

בטפסים, תמיכה במצב כתיבה אנכית בפקדי טפסים, שיטת showPicker() עבור <input type="date"> ותמיכה ב-<hr> ב-<select> ב-iOS.

JavaScript כולל גם כמה תכונות חדשות, כולל תמיכה בשיטות detached(), transfer() ו-transferToFixedLength() של ArrayBuffer, בין היתר.

גרסת הבטא של Chrome 122 כוללת את האפשרות unsanitized בשיטה read() של Async Clipboard API, כדי לאחזר פורמט HTML לא מאובטח. ב-JavaScript יש כלי עזר חדשים לאיטרטור, ושיטות חדשות למחלקה Set המובנית.

ב-Chrome 122 מופיע גם Storage Buckets API, שמטרתו לאפשר חיזוי של פינוי אחסון מתמיד עקב לחץ כבד על הזיכרון.