Chrome 150

תאריך הגרסה היציבה: 30 ביוני 2026

אלא אם צוין אחרת, השינויים הבאים חלים על גרסה 150 של ערוץ יציב של Chrome ל-Android, ל-ChromeOS, ל-Linux, ל-macOS ול-Windows.

CSS וממשק משתמש

צבעי המערכת AccentColor ו-AccentColorText

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

באג למעקב מס' 40229450 | רשומה ב-ChromeStatus.com | מפרט

הוספת פרמטר אופציונלי לעיגול עבור polygon()

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

באג למעקב מס' 329302249 | רשומה ב-ChromeStatus.com | מפרט

‫Animatable zoom

אפשר להנפיש את מאפיין ה-CSS‏ zoom, והוא עובר אינטרפולציה כ-<number>. מפתחים יכולים להשתמש ב-zoom כדי לשנות את הגודל של רכיבים ופריסות בצורה חלקה, ולהוסיף להם אנימציה. כך הם יכולים להשלים את שינוי הגודל הקיים שמבוסס על טרנספורמציה.

Tracking bug #393810951 | ChromeStatus.com entry

אמצעים לשינוי בקשות של שירותי CSS‏ url()

פונקציות CSS‏ url() מקבלות משנים אופציונליים של בקשות אחרי מחרוזת כתובת ה-URL שמוקפת במירכאות: cross-origin(),‏ integrity() ו-referrer-policy(). המשנים האלה שולטים בהתנהגות האחזור של המשאב שאליו מתייחסים ישירות מ-CSS, בלי שנדרשים שינויים בתגי HTML או ב-JavaScript. לדוגמה, background-image: url("image.png" cross-origin(anonymous)) מאחזר את התמונה באמצעות מצב אנונימי של CORS. התכונה הזו מאפשרת למחברים שליטה מדויקת בגישה בין מקורות שונים, בשלמות של משאבי משנה ובמדיניות ההפניה למשאבים שנטענו באמצעות CSS, כולל תמונות, גופנים, הפניות ל-SVG וגיליונות סגנונות מיובאים.

באג למעקב מס' 435625756 | רשומה ב-ChromeStatus.com | מפרט

מאפיין CSS‏ text-fit

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

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

באג למעקב מס' 417306102 | רשומה ב-ChromeStatus.com | מפרט

CSS background-clip: border-area

מטמיע את הערך border-area במאפיין background-clip של CSS, כפי שמוגדר ב-CSS Backgrounds Level 4. ‫background-clip: border-area חותך את הרקע של רכיב לאזור שנצבע על ידי קווי הגבול שלו, תוך התחשבות ב-border-width וב-border-style והתעלמות משקיפות מ-border-color. כך מפתחים יכולים ליצור גבולות עם מעברי צבעים בלי להשתמש ב-border-image. התכונה הזו כבר נכללת ב-WebKit, וההטמעה הזו מביאה את Chromium לרמה זהה.

באג למעקב מס' 329302543 | רשומה ב-ChromeStatus.com | מפרט

הפונקציה image(<color>) של CSS

הפונקציה image() מאפשרת ליוצרים ליצור תמונה בצבע אחיד מכל צבע. התחביר שלו הוא: image() = image( <color> )

באג למעקב מס' 510426954 | רשומה ב-ChromeStatus.com | מפרט

‫CSS light-dark() עם ערכי תמונות

הפונקציה light-dark() של CSS הורחבה כדי לקבל ערכי תמונות (url(), image-set(), none) בגיליונות סגנונות של מחברים, וכך מאפשרת למאפייני תמונות כמו background-image,‏ list-style-image,‏ border-image-source,‏ cursor ו-content לעבור אוטומטית בין תמונות בהתאם לסכמת הצבעים המועדפת על המשתמש. בעבר, היה אפשר להשתמש בזה רק בגיליונות סגנונות של UA. ההתנהגות הזו תואמת למפרט CSS Color 5 וזהה להטמעה הקיימת של Firefox.

באג למעקב מס' 491829958 | רשומה ב-ChromeStatus.com | מפרט

שאילתות בנוגע למאגר שמופרדות בפסיקים

תמיכה בכמה שאילתות לכלל @container. הכלל @container חל אם יש התאמה לפחות לאחת מהשאילתות.

כך אפשר להגדיר שאילתות חלופיות לתכונות שלא נתמכות בכל הדפדפנים.

Tracking bug #41491726 | ChromeStatus.com entry | Spec

חשיפת אזורים שלא ניתן להדפיס באמצעות CSS

בדרך כלל, למדפסות יש אזור קטן בכל אחת מארבע הקצוות של דף נייר, שהן לא מסוגלות לסמן בצורה מהימנה, בדרך כלל בגלל מנגנון הטיפול בנייר של המדפסת. שולי הדף שמוגדרים כברירת מחדל אמורים להיות גדולים יותר מהאזורים האלה, אבל אם מחברים מגדירים שוליים בעצמם, ואפילו רוצים להוסיף תיבות שוליים @page (לדוגמה, בשביל כותרות עליונות ותחתונות בהתאמה אישית), הם צריכים לדעת איפה אפשר להדפיס ואיפה לא.

אפשר להשתמש בתיאור ה-CSS‏ page-margin-safety כדי להימנע מאזורים כאלה שלא ניתן להדפיס.

באג למעקב מס' 368070327 | רשומה ב-ChromeStatus.com | מפרט

flex-wrap: balance

flex-wrap: balance מאפשר למפתחים להפיץ תוכן בין שורות גמישות כדי שהתוכן ייראה מאוזן יותר (בדומה ל-text-wrap: balance).

Tracking bug #416755656 | ChromeStatus.com entry | Spec

פונקציה named-feature() ל-CSS @supports

הפונקציה named-feature() מאפשרת לכללי CSS @supports לבצע שאילתה לגבי קבוצה קטנה של תכונות ספציפיות בעלות שם, שלא ניתן לבדוק באמצעות מנגנוני @supports אחרים, אבל נחשבות חשובות מאוד לבדיקה.

Tracking bug #353715317 | ChromeStatus.com entry | Spec

overscroll-behavior: chain

המאפיין overscroll-behavior כולל עכשיו את הערכים: none, ‏ auto, ‏ contain והערך החדש chain. הערכים האלה משפיעים על שני אפקטים נפרדים: העברת גלילה ואפקט גבול מקומי (לדוגמה, מתיחה של גלילה מעבר לקצה).

  • none: אין הפצה, אין השפעה מקומית
  • auto: propagation, local effect
  • contain: אין הפצה, השפעה מקומית
  • chain: העברה, ללא השפעה מקומית

באג למעקב מס' 499018879 | ערך ב-ChromeStatus.com | מפרט

תמיכה ב-path-length כמאפיין CSS.

השינוי הזה מוסיף מאפיין CSS חדש, path-length, שממופה למאפיין ההצגה pathLength הקיים ב-SVG. הוא חל על רכיבי גיאומטריה של SVG שתומכים ב-pathLength (כולל <path>,‏ <circle>,‏ <rect>,‏ <line>,‏ <polyline>,‏ <polygon> ו-<ellipse>).

באג למעקב מס' 40670251 | רשומה ב-ChromeStatus.com | מפרט

‫DOM ו-HTML

שיבוט לכל רכיבי הצאצא selectedcontent

אנחנו מבצעים כמה שינויים קטנים במקרים חריגים של רכיב selectedcontent:

  • כשמכניסים כמה רכיבי selectedcontent לרכיב select בו-זמנית, כולם מתעדכנים ולא רק הראשון לפי סדר ה-DOM.
  • העדכון של רכיב התוכן שנבחר נדחה אם הוא אמור לפעול במהלך שלבי ההוספה, ההסרה או ההעברה, כדי לפתור בעיות אבטחה. העדכון נדחה באמצעות שלבים אחרי ההוספה או משימות מיקרו.

Tracking bug #458113204 | ChromeStatus.com entry | Spec

Focusgroup

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

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

ChromeStatus.com entry | Spec

סטרימינג לא תקין

אפשר להשתמש ב-<template for> ובטווחים של הוראות עיבוד (<?marker>,‏ <?start> ו-<?end>) כדי לעדכן חלקים קיימים במסמך בלי JS.

באג למעקב מס' 431374376 | רשומה ב-ChromeStatus.com | מפרט

ניתוח הוראות עיבוד ב-HTML

הוראות עיבוד (תחביר: <?target data>) הן מבנה DOM קיים, שמוצג ב-XML, שמייצג אובייקטים של צמתים שהם לא רכיבים אבל יכולים להיות בעלי משמעות סמנטית מסוימת לעיבוד של מסמך.

הוראות העיבוד מנותחות על ידי מנתח ה-HTML, ומקבלות API של מאפיינים שדומה לאלמנטים כדי לשנות את הנתונים שלהן.

באג מעקב מס' 481087638 | רשומה ב-ChromeStatus.com | מפרט

שינויים בהתנהגות של popover=hint

השינוי הזה מיישם מודל משופר ופשוט של שכבות עבור המאפיין popover=hint והאינטראקציות שלו עם popover=auto. בעבר, האינטראקציות בין שני סוגי חלוניות קופצות כאלה היו מורכבות במקרים מסוימים (למשל, אם חלוניות קופצות אוטומטיות היו מוטמעות בתוך חלוניות קופצות של רמזים), והן יכלו להוביל להתנהגות בלתי צפויה. במודל החדש, פתיחת חלון קופץ עם רמז לא גורמת לסגירה לא מכוונת של חלונות קופצים אוטומטיים לא קשורים. ההסתרה של חלוניות קופצות עם רמזים מתבצעת רק כשהחלונית הקופצת האוטומטית של הרכיב שכולל את הרמז מוסתרת, או כשנפתחת חלונית קופצת אוטומטית חדשה שלא קשורה לרמז. בנוסף, מפתחים יכולים להטמיע בבטחה חלון קופץ אוטומטי בתוך חלון קופץ עם רמז. במקום להציג חריגה או לשבור את המחסנית, החלון הקופץ האוטומטי שמוטמע בתוך חלון קופץ עם רמז עובר 'שדרוג לאחור' ומתנהג כמו חלון קופץ עם רמז. האפשרות הזו תומכת בתרחישי שימוש כמו הצבת customizable-select בתוך popover=hint.

כדי לשפר עוד יותר את יכולת החיזוי ולמנוע שינויים מורכבים במצב, אנחנו גם מחמירים את ההתנהגות לגבי פתיחה וסגירה של חלונות קופצים מתוך האירוע beforetoggle. בעבר, היו אמצעי הגנה בחלק מהמקרים האפשריים, אבל לא בכולם. השינוי הזה משפר את המנגנון שמשמש לזיהוי המקרים האלה, כך שהמערכת אמורה להקפיץ הודעת שגיאה (throw) InvalidStateErrors בצורה מהימנה יותר בכל המקרים האלה. כך אפשר לוודא שניהול המצב של חלונות קופצים נשאר יציב ולמנוע באגים של כניסה חוזרת בלולאה.

באג במעקב מס' 499019927 | רשומה ב-ChromeStatus.com | מפרט

הבטחות לגלילה פרוגרמטית

התכונה הזו מספקת אות מהימן לגבי סטטוס ההשלמה של גלילה חלקה בתכנות. כל שיטות הגלילה ב-Element וב-Window מחזירות אובייקטים מסוג Promise שמקבלים ערך אחרי השלמת הגלילה. הערך שמתקבל מציין אם הגלילה הופסקה או לא.

באג למעקב מס' 41406914 | רשומה ב-ChromeStatus.com | מפרט

גרפיקה ומדיה

השבתת מסנני SVG בפלאגינים וברכיבי iframe

בגרסת Chrome 150, לא תהיה אפשרות להפעיל פילטרים של SVG בפלאגינים מוטמעים (למשל, קובצי PDF) וברכיבי iframe ממקור חיצוני או מוגבלים (למשל, בארגז חול). כשפלאגין או iframe עוברים עיבוד באמצעות אפקט של פילטר SVG, המערכת עוברת על עץ האפקטים כדי למצוא את ישות האב העליונה שלא הופעלו בה פילטרים של SVG, ובמקומם מופעל האפקט הזה.

Tracking bug #476646486 | ChromeStatus.com entry | Spec

WebGPU: Immediates

נוסף מרחב כתובות חדש ומיידי ב-WGSL ושיטת setImmediateData() בקידודים של מעבר עיבוד, מעבר חישוב וחבילת עיבוד, שמאפשרת למפתחים להעביר כמויות קטנות של נתונים שמתעדכנים לעיתים קרובות ישירות לשיידרים בלי ליצור אובייקטים של מאגר GPU או קבוצות איגוד.

באג מעקב מס' 366291600 | רשומה ב-ChromeStatus.com | מפרט

אבטחה ו-Web Speech

מקור אטום לכתובות URL של data:

ב-Chrome 150, יש עדכון באופן שבו Workers ייעודיים ומשותפים מטפלים בdata:כתובות URL. במקום לרשת באופן אוטומטי את מקור האבטחה של הסקריפט או הדף שיצרו אותם, ל-Workers האלה מוקצה מקור אטום ייחודי.

ההתאמה הזו למפרט ה-HTML של ה-worker משפרת את האבטחה על ידי בידוד ה-workers האלה מהמצב של אותו מקור של היוצר, ומונעת מהם גישה למידע אישי רגיש באמצעות מנגנונים כמו BroadcastChannel או אחסון מאותו מקור. כדי לשמור על גבולות בידוד נכונים, העובדים האלה עדיין נמצאים באותה מחיצת אחסון (לדוגמה, על ידי שמירה על האתר ברמה העליונה או על מספר חד-פעמי) כמו היוצר שלהם.

באג למעקב מס' 40051700 | רשומה ב-ChromeStatus.com | מפרט

Web Speech API: On-Device Recognition Quality

מרחיב את הממשק SpeechRecognition על ידי הוספת המאפיין quality אל SpeechRecognitionOptions. כך מפתחים יכולים לציין את היכולת הסמנטית שנדרשת לזיהוי במכשיר (באמצעות processLocally: true).

ה-enum של האיכות תומך בשלוש רמות: command,‏ dictation ו-conversation. המספרים האלה מייצגים את רמת המורכבות של המשימה ואת דרישות החומרה. כך המפתחים יכולים לקבוע אם המכשיר המקומי יכול להתמודד עם תרחישי שימוש שדורשים ביצועים גבוהים (כמו תמלול פגישות) או אם הם צריכים להשתמש בשירותי ענן.

באג למעקב מס' 476168420 | רשומה ב-ChromeStatus.com | מפרט

אפליקציות אינטרנט

העברת מקור PWA

כשמשתמש מתקין Progressive Web App‏ (PWA), הזהות והקשר האבטחתי שלו קשורים באופן הדוק למקור האינטרנט שלו, למשל app.example.com. זה יוצר אתגר משמעותי למפתחים שצריכים לשנות את המקור של ה-PWA שלהם בגלל מיתוג מחדש, שינוי במבנה הדומיין או שינוי טכני בארכיטקטורה. בלי העברת מקור, שינוי כזה מחייב את המשתמשים להסיר באופן ידני את האפליקציה הישנה ולהתקין מחדש את האפליקציה החדשה, מה שמוביל לפגיעה בחוויית השימוש ופוטנציאל לעלייה בשיעור המשתמשים שנטשו. בגרסת 150 של Chrome, מפתחים יכולים להשתמש במנגנון שמאפשר להעביר בקלות PWA מותקן למקור חדש באותו אתר, ולשמור על אמון המשתמשים וההרשאות שלהם.

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

באג למעקב מס' 396504527 | רשומה ב-ChromeStatus.com | מפרט

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

פרוטוקול לאימות אימייל

הפרוטוקול EVP (אימות כתובת אימייל) עוזר למשתמשים ליצור חשבונות, לגשת אליהם ולשחזר אותם על ידי מתן הוכחה קריפטוגרפית לבעלות בצורה חלקה, במקום קודי OTP באימייל באופן ידני.

ניסוי מקור | רשומה ב-ChromeStatus.com | מפרט

מדידת טעינה ספקולטיבית

הצגת נתוני מדידה לגבי טעינות ספקולטיביות (טעינות מראש, אחזור מראש וטעינות מראש של דפים) כחלק מperformance.getSpeculations()שיטה חדשה. כך מפתחים יוכלו למדוד את היעילות של אסטרטגיות שונות של טעינה ספקולטיבית ולהתאים אותן בהתאם.

ניסיון מקור | באג למעקב מס' 481590676 | רשומה ב-ChromeStatus.com

WebRTC Diagnostic Logging API

‫API לרישום אבחונים ביומן WebRTC.

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

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

יומני האבחון מופעלים באמצעות מדיניות ארגונית שנקראת WebRtcDiagnosticLogCollectionAllowedForOrigins.

ניסוי מקור | באג למעקב מס' 481412281 | ערך ב-ChromeStatus.com | מפרט

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

אין הוצאות משימוש או הסרות בגרסה הזו.