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

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

Rachel Andrew

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

באוקטובר 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 קיימות השיטות isWellFormed() ו-toWellFormed() של String. אפשר להשתמש בהם כדי לבדוק אם מחרוזת מכילה קוד Unicode תקין, וכדי לבצע חיטוי של מחרוזת לפורמט Unicode בעל פורמט תקין. עכשיו השיטות האלה יכולות לפעול בשילוב עם שלושת המנועים העיקריים.

תמיכה בדפדפן

  • 111
  • 111
  • 119
  • 16.4

מקור

רכיב ה-HTML <search> יכול עכשיו לפעול בשילוב עם

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

תמיכה בדפדפן

  • 118
  • 118
  • 118
  • 17

מקור

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

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

בחירת היקף לשירותי CSS

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

תמיכה בדפדפן

  • 118
  • 118
  • x
  • 17.4

העדפה ל-CSS היא להפחית את השקיפות

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

תמיכה בדפדפן

  • 118
  • 118
  • x

מקור

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

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

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

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

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

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

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

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

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

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