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

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

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

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

ארבע פיצ'רים חדשים נחתו ב-Baseline

ב-Firefox 125 נוספו ארבע תכונות חדשות לגרסה הזמינות החדשה של Baseline. ה-API של Popover, Intl.Segmenter, align-content לפריסות של בלוקים, וערכי content-box ו-stroke-box עבור transform-box.

ממשק API של Popover

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

תמיכה בדפדפן

  • 114
  • 114
  • 125
  • 17

מקור

Intl.Segmenter

Intl.Segmenter מאפשר פילוח טקסט עם רגישות מקומית. לדוגמה, אפשר לפצל מילים בשפות שלא מפרידות מילים באמצעות רווחים. האובייקט Intl.Segmenter הוא עכשיו חלק מ-Baseline.

תמיכה בדפדפן

  • 87
  • 87
  • 125
  • 14.1

מקור

align-content לפריסות של בלוקים

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

תמיכה בדפדפן

  • 123
  • 123
  • 125
  • 17.4

שירות CSS transform-box

לבסוף, ב-Firefox 125 הם הערכים של content-box ו-stroke-box עבור המאפיין transform-box. הערך content-box משתמש בתיבת התוכן וב-stroke-box בתיבה עם גבולות הקו, שמכילה את הצורה של SVG.

תמיכה בדפדפן

  • 118
  • 118
  • 125
  • 13.1

ממשק ה-API של WebSocketStream

ה-WebSocketStream API משלב את זרמי whatWG Stream עם WebSocket API, והוא זמין ב-Chrome בגרסה 124. מידע נוסף זמין במאמר WebSocketStream: שילוב זרמים עם WebSocket API.

תמיכה בדפדפן

  • 124
  • 124
  • x
  • x

setHTMLUnsafe וגם parseHTMLUnsafe

גרסת Chrome 124 כוללת גם את השיטות setHTMLUnsafe ו-parseHTMLUnsafe שמאפשרות להשתמש ב-DOM Declarative Shadow מ-JavaScript. השיטות האלה גם מציעות דרך קלה יותר לניתוח HTML ל-DOM באופן מיידי, בהשוואה ל-innerHTML או ל-DOMParser.

תמיכה בדפדפן

  • 124
  • 124
  • 123
  • 17.4

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

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

ב-Safari 17.5 יש את פונקציית הצבע light-dark(), שתהפוך ל-Baseline Newly Available אחרי שגרסה 17.5 תהיה יציבה.

בקרוב יהיו גם פונקציות הערך המדורג ב-CSS שעומדות בדרישות החדשות. גרסה 125 של Chrome כוללת את round(), את mod() ואת rem().

גרסה 125 של Chrome כוללת גם את Compute Pressure API ומיקום של עוגן ב-CSS.

Firefox 126 כולל את Screen Wake Lock API, שהופך עוד תכונה של Baseline זמינה חדשה.