תאריך פרסום: 28 ביולי 2026
אנחנו משיקים עכשיו את Chrome 151, ובפוסט הזה נסביר על חלק מהתכונות העיקריות של הגרסה. נתוני הגרסה המלאים של Chrome 151
נקודות מרכזיות בגרסה הזו:
- רכיב היכולת
<usermedia>מספק אמצעי בקרה הצהרתי שמופעל על ידי המשתמש לזרמי המיקרופון והמצלמה. - הקצאת משבצות של Declarative Shadow DOM מאפשרת לרכיבי אינטרנט להשתמש בהקצאת משבצות ידנית בלי JavaScript אימפרטיבי.
- מדדי ביצועים של אינטראקציות וניווטים רכים עוקבים אחרי חביון (latency) שמונע על ידי אינטראקציות ושינויים במסלול באפליקציות שכוללות דף יחיד.
רכיב יכולת: <usermedia> MVP
הרכיב <usermedia> הוא האחרון שהושק בחבילת רכיבי היכולות, אחרי <geolocation>. המעבר הזה מההצעה המקורית <permission> – חלק מהיוזמה של PEPC – מאפשר לדפדפן לטפל בצורה יעילה יותר במורכבויות ובהתנהגויות הייחודיות של יכולות חומרה שונות. ההצעה הראשונית התמקדה בעיקר בניהול מצבי הרשאה, כמו אישור או דחייה, אבל רכיבי היכולת פועלים כמתווכי נתונים.
רכיב <geolocation> מספק לאתר אובייקט מיקום, ו-<usermedia> מנהל את כל התהליך של גישה למצלמה ולמיקרופון. הוא מתעד את כוונת המשתמש, מנהל את ההנחיה בדפדפן ומעביר את אובייקט MediaStream לאפליקציה. השינוי הזה מבטל את הצורך בשיחות נפרדות של getUserMedia(), מפשט את ההטמעה ומבטיח לדפדפן אות מהימן לגבי כוונת המשתמש.
מידע נוסף זמין במאמר הצגת רכיב ה-HTML <usermedia>.
Declarative shadow DOM: מאפיין shadowrootslotassignment
בגרסה 151 של Chrome, אנחנו מוסיפים תמיכה במאפיין shadowrootslotassignment ברכיבי <template>. כך אפשר ליצור שורשי צללים דקלרטיביים שמשתמשים בהקצאת משבצות ידנית ישירות ב-HTML.
עד עכשיו, הקצאה ידנית של משבצות הייתה זמינה רק באופן אימפרטיבי. העדכון הזה מאפשר לכם לציין shadowrootslotassignment="manual" בתבנית של shadow root
המאפיין מקבל את הערכים named (התנהגות ברירת המחדל) ו-manual, והוא משתקף במאפיין shadowRootSlotAssignment ב-HTMLTemplateElement. פרטים נוספים זמינים במסמכי התיעוד בנושא HTMLTemplateElement.shadowRootSlotAssignment ב-MDN.
המאפיין הזה כבר זמין ב-Firefox ובגרסת הבטא של Safari 27, ולכן הוא יהיה זמין בקרוב ב-Baseline Newly available.
מדדי ביצועים של אינטראקציות וניווטים רכים
ב-Chrome 151, ציר הזמן של ביצועי האינטרנט מתרחב עם שני סוגים חדשים של PerformanceEntry: soft-navigation ו-interaction-contentful-paint. הערכים האלה עוזרים למפתחים לעקוב אחרי הביצועים והחביון שנובעים מאינטראקציות באפליקציות אינטרנט חד-דפיות (SPA), על סמך מדדי Core Web Vitals מבוססים כמו Largest Contentful Paint (LCP) ו-Interaction to Next Paint (INP).
ב-SPA, מעברים בין מסלולים שמבוססים על JavaScript לא מפעילים טעינה רגילה של דף בדפדפן. הערך soft-navigation מתעד את השינויים האלה במצב ההיסטוריה של אותו מסמך, שנובעים מאינטראקציות של המשתמשים. כשמתרחש ניווט רך, הדפדפן קובע נקודת זמן חדשה, וכך אפשר לשייך באופן מדויק נתוני ביצועים עתידיים לנתיב הפעיל של ה-SPA ולא לכתובת ה-URL של המסמך הראשוני.
המדד interaction-contentful-paint מודד את הצגת התוכן החדש באזורי DOM ששונו על ידי אינטראקציה של משתמש. כך אפשר לקבל נראות של זמן האחזור של טעינת האינטראקציה, גם כשעדכוני התוכן תלויים בפעולות אסינכרוניות כמו בקשות fetch().
אפשר לראות את הרשומות החדשות האלה באפליקציה באמצעות PerformanceObserver. קטע הקוד הבא מתעד במסוף רשומות של ניווט רך – כולל ניווטים רכים קודמים בדף הזה באמצעות האפשרות המאוחסנת במאגר זמני:
const observer = new PerformanceObserver(console.log);
observer.observe({ type: "soft-navigation", buffered: true });
במאמר בנושא ניווטים רכים ב-Chrome למפתחים מוסבר איך להטמיע ניווטים ב-SPA ולמדוד אותם.
קריאה נוספת
המידע הזה כולל רק נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים בגרסה 151 של Chrome:
הרשמה
כדי להתעדכן, כדאי להירשם לערוץ Chrome Developers ב-YouTube. כך תקבלו התראה באימייל בכל פעם שנעלה סרטון חדש. אפשר גם לעקוב אחרינו ב-X או ב-LinkedIn כדי לקבל מאמרים ופוסטים חדשים בבלוג.
ברגע שגרסה Chrome 152 תושק, נעדכן אתכם כאן לגבי החידושים ב-Chrome.