מה חדש בגרסה 135 של Chrome

תאריך פרסום: 1 באפריל 2025

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

רגעים בולטים מהגרסה הזו

יש מגוון רחב של תכונות שמאפשרות להשתמש בקרוסלות CSS. המאפיינים command ו-commandfor מאפשרים לצרף התנהגות ללחצנים באופן דקלרטיבי. פונקציית shape() ב-CSS מאפשרת להגדיר צורה למאפיינים clip-path ו-offset-path.

קרוסלות CSS

בפתקים לגבי הגרסה יש מספר רב של תכונות CSS, ורבות מהן הן תוספות קטנות שונות שמשתלבות יחד כדי לאפשר שימוש בקרוסלות CSS. התכונות העיקריות הן פסאודו-אלמנטים חדשים של CSS – ::scroll-button() and::scroll-marker()`, שמאפשרים להפוך אזור שניתן לגלילה לקרוסלה.

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

המאפיינים command ו-commandfor

ב-Chrome 135 נוספו יכולות חדשות לספק התנהגות מצהירה באמצעות המאפיינים החדשים command ו-commandfor, שמשפרים ומחליפים את המאפיינים popovertargetaction ו-popovertarget. אפשר להוסיף את המאפיינים החדשים האלה ללחצנים, כדי לאפשר לדפדפן לטפל בבעיות מרכזיות מסוימות שקשורות לפשטות ולנגישות, ולספק פונקציונליות משותפת מובנית.

הקוד הבא ב-HTML מגדיר יחסי תלויות בין לחצן לבין התפריט, ומאפשר לדפדפן לטפל בלוגיקה ובנגישות בשבילכם. אין צורך לנהל את aria-expanded או להוסיף קוד JavaScript נוסף.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

מידע נוסף על המאפיינים החדשים האלה זמין במאמר הצגה של command ו-commandfor.

הפונקציה shape() של CSS

פונקציית ה-CSS‏ shape()‎ משמשת להגדרת צורה למאפיינים clip-path ו-offset-path.

הפונקציה shape() משתמשת בקבוצת פקודות שדומות לאלה שבהן משתמשים ב-path(), אבל היא עושה זאת באמצעות תחביר CSS סטנדרטי יותר, ומאפשרת את כל הפונקציונליות של CSS, כמו יחידות נוספות ופונקציות מתמטיות. התכונה הזו זמינה ב-Firefox Nightly ובגרסת הבטא של Safari 18.4, כך שהיא אמורה להיות זמינה בקרוב.

ועוד.

כמובן שיש עוד הרבה.

  • Web Speech API כולל עכשיו תמיכה ב-MediaStreamTrack.
  • התמיכה ב-Float16Array הופכת ל-Baseline Newly available.
  • יש עכשיו תמיכה ב-Observable API.

קריאה נוספת

הסקירה הזו כוללת רק כמה נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים בגרסה 134 של Chrome.

להרשמה

כדי להתעדכן, נרשמים לערוץ YouTube של מפתחי Chrome, ומקבלים התראה באימייל בכל פעם שאנחנו משיקים סרטון חדש. אפשר גם לעקוב אחרינו ב-X או ב-LinkedIn כדי לקבל מאמרים ופוסטים חדשים בבלוג.

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