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

זה הזמן לגלות כמה מהתכונות המעניינות שהגיעו לדפדפני אינטרנט יציבים ובגרסת בטא במהלך מרץ 2023.

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

במרץ 2023, Firefox 111, Chrome 111 ו-Safari 16.4 הפכו ליציבים. בואו נראה מה המשמעות מבחינת פלטפורמת האינטרנט.

מאפייני HTML גלובלי

Firefox 111 מוסיף תמיכה בכמה מאפייני HTML גלובליים שימושיים. המאפיין autocapitalize קובע אם מותר לכתוב טקסט באותיות רישיות באופן אוטומטי כשהמשתמש מקליד במקלדת וירטואלית.

תמיכה בדפדפן

  • 43
  • 79
  • 111
  • x

מקור

המאפיין translate מציין אם צריך לתרגם רכיב כשדף מותאם לשוק המקומי.

תמיכה בדפדפן

  • 19
  • 79
  • 111
  • 6

מקור

מערכת קבצים פרטית מקורית (OPFS)

ב-Firefox נוספת תמיכה ב-Origin Private File System (OPFS) כשמשתמשים ב-File System Access API. מידע נוסף על קובצי OPFS

ה-API של תצוגת המעברים

Chrome 111 מוסיף את View Transitions API כדי ליצור מעברים מלוטשים באפליקציות עם דף יחיד (SPA) פשוט יותר על ידי יצירת תמונת מצב של התצוגות ומאפשרות ל-DOM להשתנות ללא חפיפה בין מצבים.

מידע נוסף זמין בפוסט ההשקה מעברים בין תצוגות SPA מגיעים ל-Chrome 111.

תמיכה בדפדפן

  • 111
  • 111
  • x
  • 18

מקור

פונקציות ומרחבי צבעים חדשים של CSS

הוספנו גם גרסה 111 של Chrome, שמציעה דרכים חדשות להשתמש בצבע באינטרנט. ב-Chrome יש עכשיו תמיכה במרחבי צבעים הניגשים לצבעים מחוץ לערכת ה-RGB, יחד עם הפונקציות color() ו-color-mix(). מידע נוסף זמין במדריך הצבעים של CSS באיכות HD ובפוסט בבלוג ב-color-mix().

תמיכה בדפדפן

  • 111
  • 111
  • 113
  • 16.2

מקור

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

יותר שליטה על :nth-child() בחירות

בגרסה 111 של Chrome נוספה האפשרות להעביר רשימת סלקטורים אל :nth-child() ואל nth-last-child(). תוכלו לקבל מידע נוסף בנושא ודוגמאות בפוסט שליטה רבה יותר בבחירות :nth-child() עם תחביר S.

תמיכה בדפדפן

  • 111
  • 111
  • 113
  • 9

תמיכה עבור השקף הקודם והשקף הבא ב-Media Session API

לבסוף, ברשימה הזו של 111 התוספות של Chrome הן הפעולות להצגת שקפים של ה-API של סשן המדיה — "previousslide" ו-"nextslide".

תמיכה בדפדפן

  • 111
  • 111
  • x
  • x

תמיכה ברמה מדומה ב-Safari

Safari 16.4 היא גרסה מדהימה לפלטפורמת האינטרנט. מאמר זה לא כולל את כל התוספות, ולכן מומלץ לעיין ברשימת התכונות המלאה בנתוני הגרסה של Safari 16.4.

יש כמה מחלקות נוספות של שירותי CSS שתומכים בגרסה הזו: :user-invalid, :user-valid, :dir(), :modal ו-:fullscreen.

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

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

תמיכה בדפדפן

  • 104
  • 104
  • 102
  • 16.4

מקור

מאפיינים וערכים של CSS

ב-Safari 16.4 נוספה תמיכה ב-@property, מה שמאפשר רישום נכסים מותאמים אישית של CSS ישירות בגיליון סגנונות. מידע נוסף על כך זמין במאמר @property: הענקת כוחות-על למשתני CSS.

תמיכה בדפדפן

  • 85
  • 85
  • 128
  • 16.4

מקור

תמיכה ב-CSS API

התוספות הנהדרות ל-CSS ממשיכות להגיע שוב, עם תמיכה ב-CSS Typed OM. ה-API הזה חושף את ערכי ה-CSS כאובייקטים מוקלדים של JavaScript, במקום כמחרוזות. השימוש בו מקל על העבודה עם CSS מ-JavaScript, והוא מניב ביצועים טובים יותר משיטות קיימות.

תמיכה בדפדפן

  • 66
  • 79
  • x
  • 16.4

מקור

יש גם תמיכה בגיליונות סגנונות שניתן לבנות באמצעות CSSStyleSheet(). כך מתאפשר שיתוף של גיליונות סגנונות בין מסמך לבין תתי המשנה של ה-DOM הצללים שלו. בגרסה זו של Safari, יש תמיכה בגיליונות סגנונות ניתנים לבנייה בכל שלושת המנועים.

תמיכה בדפדפן

  • 73
  • 79
  • 101
  • 16.4

מקור

דחיפת דף אינטרנט ו-Badging API

Safari תומך עכשיו ב-Web Push, יחד עם Badging API, שהוא חדשות מעולות למפתחי אפליקציות. באופן ספציפי, המשמעות של הגרסה הזו היא שיש תמיכה בהתראות בכל המנועים העיקריים.

תמיכה בדפדפן

  • 42
  • 17
  • 44
  • 16

מקור

ייבוא מפות

תוספת נוספת שמובילה לסטטוס יכולת פעולה הדדית היא התוספת של מפות ייבוא JavaScript, שמקלה משמעותית על ייבוא מודולים של ES.

תמיכה בדפדפן

  • 89
  • 89
  • 108
  • 16.4

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

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

ב-Firefox 112 נוספה תמיכה במאפיין inert, וכך המאפיין השימושי הזה יהיה זמין בכל המנועים. אפשר לקבל מידע נוסף על אינטנסיביות במאמר חדש של Inert. Firefox יאפשר גם לתמוך בפונקציית ההתאמה לצפייה linear().

ב-Chrome בגרסה 112 וב-Safari 16.5 נוספה תמיכה ב-CSS Nesting, תכונה שמצופה ממפתחים רבים.

Chrome 112 כולל גם תמיכה ב-animation-composition. מידע נוסף על המאפיין הזה מוסבר במאמר ציון האופן שבו אפקטים מרובים של אנימציה צריכים להיות מורכבים מההרכבה של אנימציה.

אם אתם משתמשים במצב 'דפדפן ללא ממשק גרפי' ב-Chrome, לדוגמה עם Puppeteer, 112 מספק מצב חדש לגמרי של 'ללא GUI'. מידע נוסף בנושא במצב 'דפדפן ללא GUI' ב-Chrome מקבלים שדרוג.

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