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

Rachel Andrew

תאריך פרסום: 28 באוקטובר 2025

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

נקודות חשובות בגרסה הזו:

• התאמה של סמני גלילה עם פסאודו-מחלקות :target-before ו-:target-after.
• שימוש בתחביר של טווח בשאילתות של קונטיינר סגנונות ובפונקציית ה-CSS‏ if().
• תגובה כשמשתמשים מביעים עניין ברכיב באמצעות interestfor.

‫:target-before ופסאודו-מחלקות :target-after

הפסאודו-מחלקות האלה תואמות לסמני גלילה שנמצאים לפני הסמן הפעיל (תואם ל-:target-current) או אחריו באותה קבוצת סמני גלילה, כפי שנקבע לפי סדר העץ השטוח:

• ‫:target-before: תואם לכל סמני הגלילה שקודמים לסמן הפעיל בסדר העץ השטוח בתוך הקבוצה.
• ‫:target-after: תואם לכל סמני הגלילה שמופיעים אחרי הסמן הפעיל בסדר של העץ השטוח בתוך הקבוצה.

תחביר טווח לשאילתות בנוגע למאגר סגנונות ול-if()

‫Chrome משפר את השאילתות של סגנונות CSS ואת הפונקציה if() על ידי הוספת תמיכה בתחביר טווח.

הפונקציה מרחיבה את האפשרויות של שאילתות סגנון מעבר להתאמה של ערכים מדויקים (לדוגמה, style(--theme: dark)). מפתחים יכולים להשתמש באופרטורים להשוואה (כמו > ו-<) כדי להשוות בין מאפיינים מותאמים אישית, ערכים מילוליים (לדוגמה, 10px או 25%) וערכים מפונקציות החלפה כמו attr() ו-env(). כדי שההשוואה תהיה תקפה, שני הצדדים צריכים להיות מאותו סוג נתונים. היא מוגבלת לסוגים המספריים הבאים: <length>,‏ <number>,‏ <percentage>,‏ <angle>,‏ <time>,‏ <frequency> ו-<resolution>.

דוגמאות:

השוואה של מאפיין מותאם אישית מול אורך מילולי:

@container style(--inner-padding > 1em) {
  .card {
    border: 2px solid;
  }
}

השוואה בין שני ערכים מילוליים

@container style(1em < 20px) {
  /* ... */
}

שימוש בטווחים של סגנונות ב-if():

.item-grid {
  background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

הפעלת עניין (המאפיין interestfor)

‫Chrome מוסיף מאפיין interestfor לרכיבים <button> ו-<a>. המאפיין הזה מוסיף לרכיב התנהגויות שקשורות ל'עניין'. כשמשתמש מביע עניין ברכיב, מופעלות פעולות ברכיב היעד, למשל הצגת חלון קופץ.

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

קריאה נוספת

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

• הערות לגבי הגרסה של Chrome 142
• מה חדש בכלי הפיתוח ל-Chrome‏ (142)
• עדכונים ב-ChromeStatus.com ל-Chrome 142.
• לוח הזמנים להשקה של Chrome.

הרשמה

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

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