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

Rachel Andrew

תאריך פרסום: 27 במאי 2025

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

אלה הדברים החשובים בגרסה הזו:

אפשר להשתמש ב-reading-flow וב-reading-order כדי להבטיח סדר לוגיקלי של הכרטיסיות בפריסת רכיבים מורכבת. פונקציית if() ב-CSS מספקת דרך תמציתית להביע ערכים מותנים. JavaScript Promise Integration‏ (JSPI) מאפשר לאפליקציות WebAssembly להתמזג עם הבטחות של JavaScript.

CSS reading-flow ו-reading-order

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

הוא מקבל ערך של מילת מפתח אחת, עם ברירת מחדל של normal, שמאפשרת לשמור על ההתנהגות של הרכיבים בסדר ה-DOM. כדי להשתמש בו בתוך קונטיינר גמיש, צריך להגדיר את הערך שלו כ-flex-visual או כ-flex-flow. כדי להשתמש בו בתוך מאגר של רשת, צריך להגדיר את הערך שלו כ-grid-rows,‏ grid-columns או grid-order.

בעזרת מאפיין ה-CSS reading-order אפשר לשנות באופן ידני את הסדר של הפריטים בתוך מאגר של תהליך קריאה. כדי להשתמש במאפיין הזה בתוך מאגר פריטים של רשת, גמישות או בלוקים, מגדירים את הערך reading-flow במאגר הפריטים כ-source-order ומגדירים את הערך reading-order של הפריט הספציפי כערך שלם.

מידע נוסף זמין במאמר שימוש ב-CSS reading-flow לניווט לוגי רציף של המיקוד.

פונקציית if() של CSS

הפונקציה if() ב-CSS מספקת דרך תמציתית להביע ערכים מותנים. הוא מקבל סדרה של צמדי תנאי-ערך, שמופרדים בנקודות-פסיק. הפונקציה בוחנת כל תנאי ברצף ומחזירה את הערך שמשויך לתנאי הראשון שמתקיים. אם אף אחד מהתנאים לא מקבל את הערך True, הפונקציה מחזירה מקור אסימונים ריק.

div {
  color: var(--color);
  background-color: if(style(--color: white): black; else: white);
}

.dark {
  --color: black;
}

.light {
  --color: white;
}

<div class="dark">dark</div>
<div class="light">light</div>

שילוב של WebAssembly JavaScript Promise (JSPI)

JavaScript Promise Integration‏ (JSPI) הוא ממשק API שמאפשר לאפליקציות WebAssembly להתמזג עם הבטחות של JavaScript.

הוא מאפשר לתוכנית WebAssembly לפעול כמנגנון ליצירת הבטחה, ומאפשר לתוכנית WebAssembly לקיים אינטראקציה עם ממשקי API שמכילים הבטחה.

באופן ספציפי, כשאפליקציה משתמשת ב-JSPI כדי לקרוא ל-API (JavaScript) שמכיל הבטחה, קוד WebAssembly מושעה, והמבצע המקורי של הקריאה לתוכנית WebAssembly מקבל הבטחה שתתבצע כשתוכנית WebAssembly תסתיים סוף סוף.

ועוד.

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

  • בהמשך לחלוקת האחסון למחיצות, ב-Chrome הופעלה חלוקה של הגישה לכתובות URL של Blob לפי מפתח אחסון.
  • פורמטים של פיקסלים של נקודה צפה בקנבס מוטמעים עכשיו.
  • אפשר להשתמש ב-offset-path: shape() כדי להגדיר את נתיב האנימציה באמצעות צורות רספונסיביות.

קריאה נוספת

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

להרשמה

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

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