גרסת בטא של Chrome 140

Rachel Andrew

תאריך פרסום: 6 באוגוסט 2025

אלא אם צוין אחרת, השינויים הבאים חלים על הגרסה החדשה ביותר של ערוץ הבטא של Chrome ל-Android, ל-ChromeOS, ל-Linux, ל-macOS ול-Windows. מידע נוסף על התכונות שמופיעות כאן זמין בקישורים שבהמשך או ברשימה באתר ChromeStatus.com. נכון ל-6 באוגוסט 2025, גרסה Chrome 140 נמצאת בגרסת בטא. אפשר להוריד את הגרסה העדכנית ביותר של Chrome במחשב מהאתר הרשמי של Chrome או ב-Android מחנות Google Play.

CSS וממשק משתמש

חישובים עם הקלדה ב-CSS

אפשר להשתמש בחישובים עם טיפוס כדי לכתוב ביטויים ב-CSS כמו calc(10em / 1px) או calc(20% / 0.5em * 1px). הפונקציה הזו שימושית, למשל, בטיפוגרפיה, כי היא מאפשרת להמיר ערך מוקלד לערך לא מוקלד ולעשות בו שימוש חוזר במאפיינים שמקבלים מספרים. תרחיש שימוש נוסף הוא הכפלת הערך חסר היחידות בסוג אחר. לדוגמה, אפשר להמיר מפיקסלים למעלות.

הנכס scroll-target-group

המאפיין scroll-target-group מציין אם הרכיב הוא מאגר של קבוצת סמני גלילה. אפשר להזין בו אחד מהערכים הבאים:

  • 'none': האלמנט לא יוצר מאגר של קבוצת סמני גלילה.
  • ‫auto: הרכיב יוצר קונטיינר של קבוצת סמני גלילה שכולל את כל רכיבי סמני הגלילה שהקונטיינר הזה הוא הקונטיינר הקרוב ביותר של קבוצת סמני הגלילה שלהם.

הגדרת מאגר של סמני גלילה מאפשרת לכל רכיבי ה-HTML של עוגנים עם מזהה פרגמנט שנמצאים בתוך מאגר כזה להיות המקבילה ב-HTML של פסאודו-אלמנטים מסוג ::scroll-marker. אפשר להגדיר סגנון לאלמנט העוגן שהיעד שלו לגלילה מוצג כרגע באמצעות פסאודו-מחלקת :target-current.

הפעלת counter() ו-counters() בטקסט החלופי של הנכס content

התכונה הזו מאפשרת להשתמש בcounter() ובcounters() בטקסט החלופי של הנכס content. כך אפשר לקבל מידע משמעותי יותר כדי לשפר את הנגישות.

מעברי תצוגה מקבלים בירושה יותר מאפייני אנימציה

עכשיו עץ הפסאודו של מעבר התצוגה יורש מספר מאפייני אנימציה:

  • animation-delay
  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state

הפעלת מעברים מוטמעים בין תצוגות

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

הפצת אזור התצוגה overscroll-behavior מהשורש

השינוי הזה מעביר את overscroll-behavior מהשורש במקום מהגוף. קבוצת העבודה של CSS החליטה לא להפיץ מאפיינים מ-<body> אל אזור התצוגה. במקום זאת, מאפייני אזור התצוגה מועברים מהרכיב הראשי (<html>). לכן, הערך של overscroll-behavior צריך להיות מועבר מרכיב הבסיס. עם זאת, יש בעיה ותיקה ב-Chrome: הוא מעביר את overscroll-behavior מ-<body> ולא מהשורש. ההתנהגות הזו לא תואמת לדפדפנים אחרים. השינוי הזה מאפשר ל-Chrome לפעול בהתאם למפרט ולתקשר עם יישומים אחרים.

אפשרות אחת (ScrollIntoView) למאגר

אפשרות המאגר ScrollIntoViewOptions מאפשרת למפתחים לבצע פעולת scrollIntoView שגורמת לגלילה רק במאגר הגלילה הקרוב ביותר ברמת האב. לדוגמה, קטע הקוד הבא גורם לגלילה רק במאגר הגלילה של target כדי להציג את target, אבל לא גורם לגלילה בכל מאגרי הגלילה אל אזור התצוגה:

target.scrollIntoView({container: 'nearest'});

הוספת המאפיין caret-animation של CSS

‫Chromium תומך באנימציה של המאפיין caret-color. עם זאת, כשהסמן מונפש, התנהגות ברירת המחדל של הסמן (מצמוץ) מפריעה לאנימציה.

למאפיין caret-animation ב-CSS יש שני ערכים אפשריים: auto ו-manual. ‫auto מייצג את ברירת המחדל של הדפדפן (הבהוב), ו-manual מייצג את האנימציה של סמן הטקסט שנשלטת על ידי המפתח. בנוסף, משתמשים שמוטרדים מגירויים חזותיים מהבהבים או שיש להם תגובות שליליות לגירויים כאלה יכולים להשבית את ההבהוב באמצעות גיליון סגנונות של המשתמש.

‫highlightsFromPoint API

‫highlightsFromPoint API מאפשר למפתחים ליצור אינטראקציה עם רגעי שיא מותאמים אישית. הוא מזהה אילו הדגשות קיימות בנקודה ספציפית במסמך. האינטראקטיביות הזו חשובה לתכונות מורכבות באינטרנט, שבהן יכול להיות שיהיו כמה הדגשות שחופפות או שקיימות ב-Shadow DOM. ה-API מספק זיהוי מדויק של רגעי השיא על סמך נקודות, וכך מאפשר למפתחים לנהל אינטראקציות דינמיות עם רגעי שיא בהתאמה אישית בצורה יעילה יותר. לדוגמה, מפתחים יכולים להגיב ללחיצות של משתמשים או לאירועי ריחוף מעל אזורים מודגשים כדי להפעיל תיאורי כלים מותאמים אישית, תפריטי הקשר או תכונות אינטראקטיביות אחרות.

שינוי התזמון של הבטחת סיום מעבר התצוגה

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

הוספת מאפיין המקור ToggleEvent

המאפיין source של ToggleEvent מכיל את האלמנט שהפעיל את ToggleEvent, אם רלוונטי. לדוגמה, אם משתמש לוחץ על רכיב <button> עם המאפיין popovertarget או commandfor שמוגדר לפתיחת חלון קופץ, המאפיין source של ToggleEvent שהופעל בחלון הקופץ יוגדר לרכיב <button> שהפעיל אותו.

מניעה של SVG foreignObject מהרס של הקנבס עבור כתובות URL של blob

כל הדפדפנים תומכים כבר זמן רב בשימוש ברכיב <img> עם מקור SVG בבד ציור של HTML drawImage. עם זאת, התנהגות ההרעלה של Canvas משתנה בין הפלטפורמות. כל הדפדפנים מכתמים את אזור הציור כשמקור ה-SVG כולל תג foreignObject והוא מפנה ל-URI של HTTP. כשמתבצעת הפניה לאותו SVG באמצעות URI של נתונים, כל הדפדפנים לא מכתמים את אזור הציור. עם זאת, כשמשתמשים ב-URI של blob, גם Chromium (לפני השינוי הזה) וגם WebKit צובעים את הקנבס, אבל Gecko לא עושה זאת. כשנשיק את התכונה הזו, ההתנהגות של Chromium תהיה זהה לזו של Gecko, ותאפשר שימוש במגוון רחב יותר של תוכן SVG בקריאות canvas drawImage בלי להכתים.

תמיכה בתיאור font-variation-settings ב-@font-face rule

שירות CSS מאפשר למפתחים לשנות את עובי הגופן, הרוחב, הנטייה ופרמטרים אחרים באמצעות המאפיין font-variation-settings באלמנטים ספציפיים. עם זאת, בדפדפנים שמבוססים על Chromium אין תמיכה במאפיין הזה בהצהרות @font-face. התכונה הזו תומכת בתחביר מבוסס-מחרוזת של font-variation-settings, כפי שמוגדר ב-CSS Fonts Level 4. המערכת מתעלמת מתגי תכונות לא תקינים או לא מזוהים, בהתאם למפרט. אין תמיכה בפורמטים בינאריים או לא סטנדרטיים. השימוש בגופנים משתנים הולך ומתרחב, גם כדי לשפר את הביצועים וגם כדי להגדיל את הגמישות בטיפוגרפיה. הוספת תמיכה בתיאור הזה ב-Chromium משפרת את השליטה, מצמצמת חזרות ותומכת בגישה מודרנית יותר, שניתנת להרחבה, לטיפוגרפיה באינטרנט.

Web APIs

המרת Uint8Array ל-base64 ול-hex ומ-base64 ומ-hex

Base64 היא דרך נפוצה לייצוג נתונים בינאריים שרירותיים כ-ASCII. ‫JavaScript has Uint8Arrays for binary data. עם זאת, אין בו מנגנון מובנה לקידוד הנתונים ב-Base64, או לקבלת נתונים ב-Base64 ויצירת Uint8Arrayתואם. התכונה הזו מוסיפה את האפשרות ואת השיטות להמרה בין מחרוזות הקסדצימליות לבין Uint8Arrays.

שימוש באפשרות ReadableStreamBYOBReader min

התכונה הזו מוסיפה את האפשרות min ל-method הקיים ReadableStreamBYOBReader.read(view). השיטה כבר מקבלת ArrayBufferView שאליה היא קוראת נתונים, אבל כרגע היא לא מבטיחה כמה רכיבים נכתבים לפני שהקריאה מסתיימת. אם מציינים ערך, אפשר לדרוש שהסטרים ימתין עד שיהיו זמינים לפחות מספר האלמנטים הזה לפני שהקריאה תסתיים.min השינוי הזה משפר את ההתנהגות הנוכחית, שבה יכול להיות שפעולות קריאה יסתיימו עם פחות רכיבים ממה שאפשר להציג בתצוגה.

במקרים מסוימים, חשוב להבחין בצד השרת בין קובצי Cookie שהוגדרו על ידי השרת לבין קובצי Cookie שהוגדרו על ידי הלקוח. מקרה כזה הוא קובצי Cookie שבדרך כלל השרת תמיד מגדיר. עם זאת, קוד לא צפוי (כמו ניצול לרעה של XSS, תוסף זדוני או קומיט ממפתח מבולבל) עשוי להגדיר אותם בצד הלקוח. ההצעה הזו מוסיפה אות שמאפשר לשרתים להבחין בין שני המקרים. באופן ספציפי, הוא מגדיר את הקידומות __Http ו-__HostHttp, שמוודאות שקובץ Cookie לא מוגדר בצד הלקוח באמצעות סקריפט.

הגבלות גישה לרשת המקומית

ב-Chrome 140, היכולת לשלוח בקשות לרשת המקומית של המשתמש מוגבלת, ולכן מוצגת בקשת הרשאה. בקשה לאחזור מהרשת מקומית היא כל בקשה מאתר ציבורי לכתובת IP מקומית או ללולאה חוזרת (loopback), או מאתר מקומי (כמו אינטראנט) ללולאה חוזרת (loopback). הצגת היכולת של אתרים לבצע בקשות אלה מאחורי הרשאה מצמצמת את הסיכון למתקפות של זיוף בקשות בין אתרים נגד מכשירים ברשת המקומית, כמו נתבים. בנוסף, היא מצמצמת את היכולת של אתרים להשתמש בבקשות האלה כדי ליצור טביעת אצבע של הרשת המקומית של המשתמש. ההרשאה הזו מוגבלת להקשרים מאובטחים. אם ההרשאה ניתנת, היא גם מבטלת את החסימה של תוכן מעורב לבקשות ברשת המקומית, כי למכשירים מקומיים רבים אין אפשרות לקבל אישורי TLS (אבטחת שכבת התעבורה) מהימנים מסיבות שונות.

מידע נוסף על בקשת ההרשאה החדשה לגישה לרשת המקומית

הפעלת האפשרות שסקריפטים של SharedWorker יירשו את הבקר עבור כתובות URL של סקריפטים מסוג blob

במפרט מצוין שה-workers צריכים לרשת בקרים בכתובת ה-URL מסוג blob. עם זאת, הקוד הקיים מאפשר רק לעובדים ייעודיים לרשת את הבקר, ולא לעובדים משותפים. השינוי הזה מתקן את ההתנהגות של Chrome כך שתהיה תואמת למפרט. המדיניות הארגונית של SharedWorkerBlobURLFixEnabled קובעת את התכונה הזו.

הוספה של ServiceWorkerStaticRouterTimingInfo

התכונה הזו מוסיפה מידע על תזמון ל-ServiceWorker Static routing API, שמוצג ב-Navigation Timing API וב-Resource Timing API לשימוש המפתחים. ‫ServiceWorker מספק מידע על תזמון כדי לסמן נקודות זמן מסוימות.

התכונה הזו מוסיפה שני קטעי מידע על תזמון שרלוונטיים ל-API של ניתוב סטטי:

  • ‫RouterEvaluationStart: הזמן שחלף עד שהתחילה ההתאמה של בקשה לכללי נתב רשומים.
  • ‫CacheLookupStart: השעה שבה מתחילים לחפש באחסון המטמון אם המקור הוא "cache".

בנוסף, התכונה הזו מוסיפה שני פריטי מידע על מקור הנתב: מקור הנתב התואם ומקור הנתב הסופי.

הפעלת יצירה מותנית של אימות אינטרנט ב-Android (לא נשלח)

אפליקציות אינטרנט מבודדות (IWA)

הצגת Controlled Frame API

התכונה הזו מוסיפה Controlled Frame API שזמין רק לאפליקציות אינטרנט מבודדות (IWA). בדומה לממשקי API עם שמות דומים בפלטפורמות אחרות, Controlled Frame מאפשר הטמעה של כל התוכן, כולל תוכן של צד שלישי שלא ניתן להטמיע ב-<iframe>. בנוסף, Controlled Frame מאפשר לשלוט בתוכן מוטמע באמצעות אוסף של שיטות ואירועים של API. מידע נוסף על אפליקציות אינטרנט מבודדות זמין במאמר הסבר על אפליקציות אינטרנט מבודדות.

גרסאות מקור חדשות לניסיון

ב-Chrome 140 אפשר להצטרף לניסויים חדשים של מקורות.

הוספת אירוע clipboardchange

האירוע clipboardchange מופעל בכל פעם שאפליקציית אינטרנט או כל אפליקציית מערכת אחרת משנה את התוכן של לוח העריכה של המערכת. כך אפליקציות אינטרנט כמו לקוחות של שולחן עבודה מרוחק יכולות לשמור על סנכרון של לוחות ההעתקה שלהן עם לוח ההעתקה של המערכת. הוא מספק חלופה יעילה לשימוש ב-JavaScript כדי לבדוק אם יש שינויים בלוח העריכה.

הפעלת התראות על שיחות נכנסות

התכונה הזו מרחיבה את Notifications API ומאפשרת לאפליקציות PWA מותקנות לשלוח התראות על שיחות נכנסות – התראות עם לחצנים בסגנון שיחה וצלצול. התוסף הזה עוזר לאפליקציות אינטרנט של VoIP ליצור חוויות מעניינות יותר, כי הוא מאפשר למשתמשים לזהות בקלות התראות על שיחות ולענות להן. בנוסף, התכונה הזו עוזרת לגשר על הפער בין הטמעות של אפליקציות שכוללות גם הטמעות מותאמות וגם הטמעות באתר.

הצגת Crash Reporting key-value API

התכונה הזו מציגה API חדש של מפתח/ערך, שנקרא באופן זמני window.crashReport, שמגובה במפה לכל מסמך שמכילה נתונים שמצורפים לדוחות קריסה.

הנתונים שמוצבים במפת הגיבוי של ה-API הזה נשלחים ב-CrashReportBody אם מתרחשות קריסות בתהליך העיבוד באתר. כך מפתחים יכולים לנפות באגים במצב ספציפי באפליקציה שלהם שעלול לגרום לקריסה מסוימת.

הוצאה משימוש והסרה

בגרסה הזו של Chrome מוצגות ההוצאות משימוש וההסרות שמפורטות בהמשך. באתר ChromeStatus.com אפשר למצוא רשימות של הוצאות משימוש מתוכננות, הוצאות משימוש נוכחיות והסרות קודמות.

בגרסה הזו של Chrome הוצאה משימוש תכונה אחת.

הוצאה משימוש של כללים מיוחדים לגבי גודל הגופן של <h1> בחלק מהרכיבים

במפרט ה-HTML יש רשימה של כללים מיוחדים לתגי <h1> שמוטמעים בתוך רכיבי <article>, <aside>, <nav> או <section>.

הכללים המיוחדים האלה יצאו משימוש כי הם גורמים לבעיות נגישות. כלומר, הם מקטינים את גודל הגופן של תגי <h1> מוטבעים כדי שהם ייראו כמו תגי <h2>, אבל שום דבר בעץ הנגישות לא משקף את השינוי הזה.