Chrome 150 beta

Rachel Andrew

תאריך פרסום: 3 ביוני 2026

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

CSS וממשק משתמש

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

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

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

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

זום עם אנימציה

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

משנים של בקשות לכתובות URL של שירותי CSS

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

לדוגמה, background-image: url("image.png" cross-origin(anonymous)) מאחזר את התמונה באמצעות מצב אנונימי של CORS.

מאפיין CSS‏ text-fit

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

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

CSS background-clip: border-area

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

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

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

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

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

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

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

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

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

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

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

דוגמה:

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

בנוסף לתמיכה במספר שאילתות, מודל האובייקט הורחב כדי לתמוך במאפיין conditions ב-API‏ CSSContainerRule.

חשיפת אזורים שלא ניתן להדפיס ל-CSS

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

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

המאפיין focusgroup

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

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

פסאודו-מחלקות של רכיבי מדיה

מחלקות פסאודו של CSS‏ :playing,‏ :paused,‏ :seeking,‏ :buffering,‏ :stalled,‏ :muted ו-:volume-locked תואמות לרכיבי <audio> ו-<video> על סמך המצב שלהם.

התכונה הזו היא אחת מהתחומים העיקריים בInterop 2026.

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

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

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

השינויים האלה בוצעו בעקבות דיונים על תקנים עם Mozilla בנושא בקשת המשיכה של מפרט ה-HTML ב-GitHub.

צבעי אלפא יחסיים

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

<iframe> בגודל רספונסיבי

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

flex-wrap:balance

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

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

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

overscroll-behavior: chain

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

• ‫none: אין הפצה של גלילה, אין השפעות של גבולות מקומיים.
• ‫auto: העברת גלילה, אפקטים של גבולות מקומיים.
• ‫contain: אין הפצה של גלילה, השפעות של גבולות מקומיים.

בגרסה הזו מתבצע מעקב אחרי ערך חדש כדי להשלים את הסט: chain: scroll propagation, no local boundary effects.

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

ממשקי Web API

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

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

‫IndexedDB: קצה עורפי של SQLite

ההטמעה של IndexedDB ב-Chromium נכתבת מחדש על בסיס SQLite כדי להחליף את ההטמעה הקודמת שהשתמשה בשילוב של LevelDB וקבצים שטוחים. השינוי הזה לא משפיע על Web API.

השינוי הזה צפוי לשפר את האמינות, ובמידה פחותה יותר גם את הביצועים.

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

MediaStreamTrackProcessor מוני פריימים

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

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

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

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

ההתאמה הזו מופעלת כברירת מחדל בפלטפורמות למחשבים ולניידים. אדמינים יכולים לבדוק או לאמת את גבולות האבטחה דרך ההגדרות המרכזיות שלהם. לפרטים טכניים על ההטמעה ולהפניות למפרטים, אפשר לעיין בשלב 3 של הגדרות Worker של HTML Living Standard.

העברת מקורות של PWA

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

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

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

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

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

סטרימינג לא לפי הסדר

סטרימינג לא רציף מאפשר לכם להשתמש ב-<template for> ובטווחים של הוראות עיבוד (<?start> ו-<?end>) כדי להעביר HTML בסדר לא רציף ולעדכן חלקים קיימים במסמך בלי JavaScript.

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

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

WebGPU Immediates

נוסף מרחב כתובות חדש ומיידי ב-WGSL ושיטה setImmediateData() ב-render pass,‏ compute pass וב-render bundle encoders שמאפשרת להעביר כמויות קטנות של נתונים שמתעדכנים לעיתים קרובות ישירות ל-shaders בלי ליצור אובייקטים של GPU buffer או bind groups. האפשרות הזו שימושית במיוחד לאפליקציות שצריכות לעדכן פרמטרים לכל בקשה להזזת פריט גרפי (draw call), כמו אינדקסים של אובייקטים, אינדקסים של חומרים או מטריצות טרנספורמציה, בכל בקשה להזזת פריט גרפי (draw call). כך אפשר לשפר משמעותית את הביצועים כי נמנעים מעומס יתר של ניהול מאגרי נתונים זמניים וקבוצות כבילה (bind).

Web Speech API: איכות הזיהוי במכשיר

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

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

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

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

פרוטוקול לאימות אימייל (EVP)

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

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

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

הסרת [LegacyNoInterfaceObject] מ-FontFaceSet IDL

בעבר, ב-IDL של FontFaceSet ב-Chromium נעשה שימוש שגוי ב-[LegacyNoInterfaceObject], שהסתיר את FontFaceSet כמאפיין גלובלי ומחק את מאפיין הבונה מהאב-טיפוס שלו. ההתנהגות הזו חרגה מהמפרט של טעינת גופנים ב-CSS, והייתה שונה מההתנהגות ב-Safari וב-Firefox.

ההסרה הזו מסירה את [LegacyNoInterfaceObject] מה-IDL של FontFaceSet, וכך מאפשרת גישה תקינה אל FontFaceSet כנכס גלובלי. מכיוון שלא מוגדר constructor() ב-IDL, קריאה ל-FontFaceSet() חדש מ-JavaScript מחזירה TypeError: Illegal constructor בצורה תקינה, בהתאם להתנהגות שנדרשת במפרט.