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

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

באוקטובר 2023 היציבות של Firefox 119, Safari 17.1, Chrome 118 ו-Chrome 119. הפוסט הזה מתייחס למשמעות מבחינת פלטפורמת האינטרנט.

תכונות של JavaScript ב-Firefox 119

ב-Firefox 119, קיבוץ מערך של JavaScript מתבצע עם השיטות הסטטיות Object.groupBy ו-Map.groupBy.

תמיכה בדפדפן

  • 117
  • 117
  • 119
  • 17.4

מקור

גם ב-Firefox 119 קיימות ה-methods isWellFormed() ו-toWellFormed() של String. אפשר להשתמש בהם כדי לבדוק אם מחרוזת מכילה תווי Unicode בפורמט תקין, ולסדר את המחרוזות בפורמט Unicode בפורמט תקין. השיטות האלה יכולות לפעול עכשיו באופן הדדי בשלושת המנועים העיקריים.

תמיכה בדפדפן

  • 111
  • 111
  • 119
  • 16.4

מקור

עכשיו רכיב ה-HTML <search> יכול לפעול באופן הדדי

Chrome 118 כולל את הרכיב <search>, רכיב HTML חדש שמייצג את חלקי המסמך או האפליקציה שמשמשים לחיפוש או לסינון. עכשיו אפשר להשתמש בתכונה הזאת בשלושת המנועים העיקריים.

תמיכה בדפדפן

  • 118
  • 118
  • 118
  • 17

מקור

כללים אופקיים בתוך רכיבים נבחרים

שתי גרסאות של Chrome נחתו באוקטובר. ב-Chrome 119 הוא תוספת קטנה לרכיבי HTML מסוג <select>. עכשיו אפשר להוסיף כלל אופקי בין אפשרויות, שיוצג כמחיצה בין הפריטים. תוכלו לקרוא מידע נוסף בקטע בחירת רכיב: עכשיו עם כללים אופקיים.

בחירת היקף ל-CSS

Chrome 118 כולל CSS בהיקף עם הכלל @scope. הכלל הזה מאפשר לבחור רכיבים בתוך עץ משנה של ה-DOM. תוכלו למצוא מידע נוסף במאמר הגבלת פוטנציאל החשיפה של הסלקטורים באמצעות @scopeat-rule.

תמיכה בדפדפן

  • 118
  • 118
  • x
  • 17.4

מקור

שירות CSS עם העדפה לשקיפות מופחתת

Chrome 118 כולל את תכונת המדיה prefers-reduced-transparency. זוהי אחת מקבוצת תכונות שמאפשרות לבדוק את ההעדפות שהמשתמש הגדיר במכשיר, ולהגיב בהתאם לצרכים שלו בקוד שלכם. מידע נוסף על התכונה מופיע במאמר עדיפות ל-CSS -reduced-transparency.

תמיכה בדפדפן

  • 118
  • 118
  • x

מקור

תחביר צבע יחסי של CSS

ב-Chrome 119 היא תכונה חדשה ועוצמתית מ-CSS Color 5 – תחביר צבעים יחסי. כך אפשר להפיק צבע מצבע אחר באמצעות כל מרחב צבעים או תחביר שדרושים לכם.

איסוף אשפה ב-WebAssembly (WasmGC)

גרסת Chrome 119 כוללת את WasmGC כדי להאיץ את העבודה עם שפות שנאספים באשפה כמו קוטלין, PHP או Java ב-WebAssembly. כל הפרטים ב-WebAssembly collection (WasmGC) מופעלים עכשיו כברירת מחדל ב-Chrome.

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

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

Safari 17.2 כולל תכונות חדשות רבות. ל-CSS יש תמיכה ב-CSS Custom הדגשת API, במאפיינים mask-border, במאפיין counter-set ובתכונות רבות נוספות. בנוסף, ביצענו הרבה תיקונים בתכונות הקיימות כדי לשפר את יכולת הפעולה ההדדית.

ב-HTML, Safari 17.2 כולל תמיכה במאפיין name ברכיב <details>. ובממשקי API לאינטרנט יש תמיכה בעדיפות אחזור ותמונות רספונסיביות שמופעלות עכשיו ב-<link rel=preload>.

ב-Firefox 120 נוספה תמיכה ביחידות rh ו-rlh של CSS, text-wrap: balance ובפונקציה light-dark().

חלק מסדרת האתרים החדשה