גרסת בטא של Chrome 148

Rachel Andrew

תאריך פרסום: 8 באפריל 2026

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

CSS וממשק משתמש

שאילתות של מאגרי תגים ב-CSS שכוללות רק שם

עכשיו אפשר לשלוח שאילתה למאגר CSS רק על סמך container-name בלי להגדיר container-type ברכיב.

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

חיתוך של טקסט שגולש אחרי אינטראקציה של משתמש

כשמשתמש יוצר אינטראקציה (למשל, עורך או משתמש בניווט באמצעות סמן טקסט) עם טקסט שהוגדר לו text-overflow: ellipsis, הטקסט עובר באופן זמני מסימן שלוש הנקודות לחיתוך. כך המשתמש יכול לראות את התוכן המוסתר שגולש מהמסגרת ולבצע בו פעולות. התכונה הזו רלוונטית לכל הרכיבים שאפשר לערוך ושאי אפשר לערוך. התנהגות כזו כבר נתמכת ברכיבי טופס כמו <textarea> ו-<input>.

הגדרת dropEffect בצורה נכונה לאירועים dragEnter, dragLeave ו-dragOver

במפרט של גרירה ושחרור, המאפיין dropEffect של אובייקט dataTransfer צריך לקבל ערכים מסוימים שנקבעו מראש ב-dragEnter, dragOver ו-dragLeave. ל-dragEnter ול-dragOver צריך להיות dropEffect שמבוסס על effectAllowed הנוכחי. dragLeave תמיד צריך להיות none dropEffect. בשלב הזה, Chrome לא פועל בהתאם לכללים האלה. החל מ-Chrome 148, ‏ Chrome יפעל בהתאם למפרט ויקצה את הערכים הנכונים למאפיין הזה.

טעינה מדורגת של רכיבי וידאו ואודיו

התכונה הזו מוסיפה את המאפיין loading לרכיבים <video> ו-<audio>. כך מפתחים יכולים לדחות את טעינת משאבי המדיה עד שהרכיב קרוב לאזור התצוגה, באמצעות loading="lazy". ההתנהגות הזו תואמת לטעינה מדורגת קיימת של רכיבי <img> ו-<iframe>, וכך משפרת את ביצועי טעינת הדף ומצמצמת את השימוש בחבילת הגלישה.

פונקציית CSS at-rule() לזיהוי תכונות

התכונה הזו מוסיפה פונקציה at-rule() ל-CSS @supports, שמאפשרת למחברים לזהות תמיכה בכללי CSS at.

הוספה של מילת המפתח revert-rule

מילת המפתח revert-rule מחזירה את הקסקדה לכלל הקודם, בדומה לאופן שבו revert-layer מחזירה את הקסקדה לשכבה הקודמת. לדוגמה:

div { color: green; }
div { color: revert-rule; /* Effectively green */ }

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

div {
  display: if(style(--layout: fancy): grid; else: revert-rule);
}

לתמיכה ב-text-decoration-skip-ink: all

התכונה הזו מוסיפה תמיכה בערך all של מאפיין ה-CSS‏ text-decoration-skip-ink. בנכס text-decoration-skip-ink כבר יש תמיכה ב-auto וב-none. הערך all מרחיב את האפשרות הזו על ידי החלת דילוג על דיו על כל הגליפים, כולל תווים בסינית, יפנית וקוריאנית. לעומת זאת, auto לא מדלג על תווים ב-CJK כי דילוג על דיו בדרך כלל יוצר תוצאות ויזואליות לא רצויות לכתב אידיאוגרפי במיקומי קו תחתון טיפוסיים. באמצעות text-decoration-skip-ink: all, מחברים ששינו את text-underline-position או text-underline-offset כדי למנוע התנגשות עם גליפים של CJK יכולים להביע הסכמה מפורשת לדילוג על דיו עבור התווים האלה.

Web APIs

התאמה לשפה המקומית של רכיבי המניפסט

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

תמיכה בפורמט גופן פתוח avar2 לעיצוב טקסט ורינדור גליפים

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

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

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

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

מצב ממשק משתמש מיידי לאימות באינטרנט

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

תמיכה ב-Web Serial API ב-Android

‫Web Serial API מספק ממשק לחיבור למכשירים עם יציאה טורית. המכשירים האלה יכולים להתחבר דרך יציאה טורית במערכת של המשתמש או דרך מכשירי USB ו-Bluetooth ניידים שמדמים יציאה טורית. ה-API נתמך עכשיו ב-Android.

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

תכונת WebGPU linear_indexing

הפונקציונליות הזו מוסיפה שני ערכים מובנים חדשים של shader לחישוב, כדי לשפר את חוויית המשתמש. הערכים האלה מיושמים בכל קצה עורפי (כ-polyfills של ערכים מוכללים קיימים).

תמיכה ב-SharedWorker ב-Android

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

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

משך חיים מורחב לעובדים משותפים

בעדכון הזה נוספה אפשרות חדשה, extendedLifetime: true, לבונה SharedWorker. הבקשה הזו מבטיחה שה-SharedWorker יישאר פעיל גם אחרי שכל הלקוחות הנוכחיים יפסיקו לפעול. מקרה השימוש העיקרי הוא לאפשר לדפים לבצע עבודה אסינכרונית שדורשת JavaScript אחרי שהדף מפסיק להיטען, בלי להסתמך על Service Worker.

Prompt API

Prompt API מעניק למפתחי אתרים גישה ישירה למודל שפה של AI במכשיר, שמסופק על ידי הדפדפן. העיצוב של ה-API מאפשר בקרה מדויקת, בהתאם לצורות של ממשקי API בענן. כך אפשר לשפר את האתרים בהדרגה באמצעות אינטראקציות עם מודלים שמותאמות לתרחישי שימוש ספציפיים. ה-API הזה משלים ממשקי API של מודלי שפה שמבוססים על משימות (לדוגמה, Summarizer API) וממשקי API ומסגרות שונים להסקת מסקנות כללית במכשיר באמצעות מודלי למידה חישובית שסופקו על ידי מפתחים. ההטמעה הראשונית תומכת בקלט של טקסט, תמונות ואודיו, וגם באילוצי תגובה שמבטיחים שהטקסט שנוצר תואם לפורמטים מוגדרים מראש של ביטוי רגולרי וסכימת JSON.

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

ממשק ה-API הזה כבר נשלח בתוספים ל-Chrome. הכוונה הזו עוקבת אחרי המשלוח באינטרנט. מדיניות של Chrome Enterprise‏, GenAILocalFoundationalModelSettings, מאפשרת להשבית את ההורדה של המודל הבסיסי, וכך ה-API הזה לא יהיה זמין. אדמינים בארגונים יכולים גם להגדיר את המדיניות BuiltInAIAPIsEnabled כדי לחסום את השימוש ב-Built-In AI API, ועדיין לאפשר שימוש בתכונות אחרות של AI גנרטיבי במכשיר.

יומן תמיכה בשפות:

• ב-Chrome 139 ובגרסאות קודמות הייתה תמיכה רק באנגלית ('en')
• ב-Chrome 140 נוספה תמיכה בספרדית וביפנית ('es' ו-'ja')

קבלת יכולות של אישור תשלום מאובטח

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

כללים של IDNA ContextJ

‫IDNA הוא המנגנון לשימוש בתווים שאינם ASCII בשמות דומיינים. הפונקציה מקודדת כתובת URL כמו http://네이버.한국/ ל-http://xn--950bt9s8xi.xn--3e0b707e/ (הפניה אוטומטית אל naver.com).

הגדרת כתובת ה-URL מגדירה את הדגל CheckJoiners, שמפעיל את הכללים ContextJ ב-IDNA2008. ההגדרה הזו אוסרת על השימוש בתווים ZWNJ (U+200C ZERO WIDTH NON-JOINER) ו-ZWJ (U+200D ZERO WIDTH JOINER) ברוב המקומות בכתובות URL. ההטמעה מעבירה את האפשרות UIDNA_CHECK_CONTEXTJ ל-ICU, שבו מיושם הכלל הזה.

שימוש חוזר בתמונות שלא צולמו בחנות בהקצאה מחדש של אותו מקור

התכונה הזו מאפשרת שימוש חוזר בתמונה זמינה באותו מסמך, בלי להפעיל מחדש את Cache-Control: no-store כשאותו ערך src מוקצה מחדש לרכיב <img>. בעבר, Blink אחזר מחדש את התמונה גם אם היא כבר פוענחה והייתה זמינה במסמך. ההתנהגות הזו תואמת להתנהגות הקיימת של Gecko ו-WebKit.

הוספת השדה contentType לתזמון משאבים

התכונה הזו מוסיפה את השדה contentType אל PerformanceResourceTiming כדי להכיל מחרוזת שמתאימה לסוג התוכן של המשאב שאוחזר, כפי שמוחזר מהשרת.

השבתה של אירועי הצבעה בתחילת הגרירה

לפי מפרט ה-HTML, כשמתחילה גרירה, סוכן המשתמש צריך לשלוח את האירועים המתאימים למקור הגרירה כדי לציין שזרם אירועי מצביע העכבר הסתיים ושהוא לא צריך לצפות לאירועים נוספים ממצביע העכבר הזה. הקוד הזה יושם באופן חלקי לאירועי עכבר, ובאופן מלא לגרירות של מגע ב-Android. באמצעות התכונה הזו, Chrome שואף לעמוד בדרישת המפרט הזו באופן מלא בכל הפלטפורמות האחרות. בפועל, המשמעות היא שאחרי שהתחילה פעולת גרירה, מקור הגרירה יקבל עכשיו את האירועים pointercancel, pointerout ו-pointerleave כדי לציין שזרם האירועים הנוכחי הסתיים.

WebRTC Datachannel: Always negotiate data channels

התכונה הזו מטמיעה תוסף WebRTC, ‏ alwaysNegotiateDataChannels, שמגדיר דרך לאפליקציה לנהל משא ומתן על ערוצי נתונים בהצעת SDP לפני יצירת ערוץ נתונים. בנוסף, הוא מנהל משא ומתן על הנתונים m= לפני כל קטע של אודיו או וידאו m ומשתמש בו כ 'קטע המסומן של מציע השירות' m= עבור [BUNDLE].

המשמעות היא שאם יוצרים RTCPeerConnection באמצעות alwaysNegotiateDataChannels: true ואז קוראים ל-createOffer(), נוצרת הצעת מחיר עם שורת m של אפליקציה ב-SDP. לדוגמה:

  const pc = new RTCPeerConnection({
    alwaysNegotiateDataChannels: true});
  const offer = await pc.createOffer();

אם מוסיפים גם משדר/מקלט אודיו וערוץ נתונים, ההצעה מנהלת משא ומתן על שורת m של אפליקציה ואחריה שורת m של אודיו ב-SDP:

  const pc = new RTCPeerConnection({
    alwaysNegotiateDataChannels: true});
  pc.addTransceiver('audio');
  pc.createDataChannel('somechannel');
  const offer = await pc.createOffer();

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

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

כניסה מאוחדת עם סוכן

קבוצה של תוספי FedCM שעוזרים לדפדפנים עם סוכנים (agentic) להכניס משתמשים לאתרים בצורה בטוחה באמצעות החשבונות המאוחדים שלהם.

רשימות היתרים לחיבורים

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

תזמון של מאגר תגים

ה-API של Container Timing מאפשר לעקוב אחרי הרגע שבו קטעים עם הערות ב-DOM מוצגים על המסך, ואחרי שהציור הראשוני שלהם מסתיים. אפשר לסמן קטעי משנה של ה-DOM באמצעות המאפיין containertiming (בדומה ל-elementtiming ב-Element Timing API) ולקבל רשומות ביצועים כשהקטע הזה עובר עיבוד בפעם הראשונה. ה-API הזה מאפשר למדוד את התזמון של רכיבים שונים בדפים.

סקריפטים של מודול CSS הצהרתי

סקריפטים של מודול CSS דקלרטיביים הם הרחבה של סקריפטים קיימים של מודול CSS מבוססי-סקריפט. הם מאפשרים למפתחים לשתף גיליונות סגנונות הצהרתיים עם shadow roots, כולל shadow roots הצהרתיים. מפתחים יכולים להגדיר מודולים של סגנון מוטבע באמצעות <style type="module" specifier="foo"> ולהחיל מודול הצהרתי על Declarative Shadow DOM על ידי הפניה אל specifier או אל כתובת URL, כמו <template shadowrootmode="open" shadowrootadoptedstylesheets="foo">.

HTML ב-Canvas

‫HTML-in-canvas הוא API חדש שמאפשר להתאים אישית רכיבי DOM של עיבוד ישירות ל-Canvas או לטקסטורה של WebGL / WebGPU, תוך שמירה על האינטראקטיביות והנגישות של התוכן. יש לו שלושה חלקים: מאפיין להסכמה לשימוש ברכיבי Canvas‏ (layoutsubtree), שיטות לציור רכיבי צאצא (2d: drawElementImage,‏ webgl:texElementImage2D, ‏ webgpu: copyElementImageToTexture), ואמצעי לעדכון הטרנספורמציה של הרכיב בצורה נכונה על המסך לצורך אינטראקטיביות.

משך הזמן של סגנון Long Animation Frames

התכונה הזו מוסיפה מידע על styleDuration ועל forcedStyleDuration ל-Long Animation Frame API. כך המפתחים יכולים להבחין בין זמני הסגנון והפריסה.

OpaqueRange

‫OpaqueRange מייצג טווח פעיל של טקסט בערך של פקד טופס (לדוגמה, <textarea> או טקסט <input>), כך שמפתחים יכולים לעבוד עם טקסט של ערך באמצעות ממשקי API דומים לטווח.

הוא מאפשר פעולות כמו getBoundingClientRect(), getClientRects() ושימוש ב-CSS Highlights API לממשק משתמש כמו הצעות מוטבעות, הדגשות וחלונות קופצים מעוגנים. היא שומרת על האנקפסולציה על ידי חשיפה רק של היסטים של ערכים (ומחזירה null עבור startContainer ו-endContainer), כך שנקודות קצה של DOM ומבנה פנימי לא נחשפות.

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

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

מדיניות ההרשאות: focus-without-user-activation

המדיניות הזו מאפשרת לבעלי תוכן מוטמע לשלוט בהעברת המיקוד באופן פרוגרמטי מתוכן מוטמע באמצעות מדיניות ההרשאות focus-without-user-activation. כשמדיניות נדחית עבור מסגרת, קריאות תוכנתיות למיקוד (element.focus(),‏ autofocus, ‏ window.focus(), ‏ dialog.showModal() ומיקוד של חלון קופץ) נחסמות, אלא אם הן מופעלות על ידי הפעלת משתמש. המיקוד שמופעל על ידי המשתמש, כמו לחיצה או מעבר באמצעות מקש Tab, אף פעם לא מושפע. אפשר להגדיר את המדיניות באמצעות כותרת תגובת HTTP‏ Permissions-Policy או המאפיין iframe allow. יש תמיכה בהעברת פוקוס. אם יש פריים הורה שמוגדר בו פוקוס, אפשר להעביר את הפוקוס באופן פרוגרמטי ל-iframe צאצא, גם אם המדיניות נדחתה ב-iframe הצאצא. אחרי שמוגדר מיקוד למסגרת, אפשר להעביר את המיקוד בתוך עץ המשנה שלה.

פרמטרים של דגימה ב-Prompt API

התכונה הזו מוסיפה פרמטרים של דגימה ל-Prompt API. הפרמטרים האלה קובעים איך המודל בוחר את הטוקנים, וכך המפתחים יכולים לשלוט ביצירתיות או באקראיות של הפלט. בנוסף, הוא מוסיף מאפיינים למופע LanguageModel כדי לקרוא את הערכים שנקבעו. היא גם מוסיפה פונקציה סטטית LanguageModel כדי לקבל את ערכי ברירת המחדל והערכים המקסימליים של הפרמטרים האלה. ההטמעה הראשונה מוסיפה את הפרמטרים temperature ו-topK.

רכיב התקנה של אפליקציית אינטרנט ב-HTML

התכונה הזו מאפשרת לאתר לבקש מהמשתמשים להתקין אפליקציית אינטרנט. רכיב ה-element מקבל באופן אופציונלי שני מאפיינים, שמאפשרים להתקין תוכן ממקור אחר.