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

Rachel Andrew

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

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

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

‫:target-before ו-:target-after pseudo-classes

הפסאודו-מחלקות האלה תואמות לסמני גלילה שנמצאים לפני הסמן הפעיל (תואם ל-: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.

הרשמה

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

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