תוכלו לקרוא על כמה מהתכונות המעניינות שהגיעו לדפדפני אינטרנט יציבים ובגרסת בטא במהלך אפריל 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.
Intl.Segmenter
Intl.Segmenter
מאפשר פילוח טקסט עם רגישות מקומית. לדוגמה, אפשר לפצל מילים בשפות שלא מפרידות מילים באמצעות רווחים. האובייקט Intl.Segmenter הוא עכשיו חלק מ-Baseline.
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 זמינה חדשה.