מה חדש בכלי הפיתוח (Chrome 152)

Matthias Rohmer

תאריך פרסום: 25 באוגוסט 2026

בגרסה 152 של Chrome יש שיפורים משמעותיים בניפוי באגים ברשת, כולל שליחה מחדש של בקשות ובדיקה של מטען ייעודי בינארי, קישוטים של רכיבים בהתאמה אישית וקינון משופר של CSS ברכיבים, Core Web Vitals לניווטים רכים במדדים בזמן אמת של ביצועים, ייצוא של טבלאות מובנות במסוף ושיפורים בשרת DevTools MCP.

כלי פיתוח לסוכנים

בגרסה החדשה ביותר v1.7.0 של שרת ה-MCP של כלי הפיתוח ל-Chrome, אנחנו מרחיבים את היכולות של ניפוי באגים בזיכרון שהצגנו קודם לסוכני תכנות כמו Antigravity,‏ Claude,‏ Codex ואחרים:

• פרטים של אובייקט בתמונת מצב של הערימה (get_heapsnapshot_object_details): אפשר לבדוק מאפיינים מפורטים של אובייקט JavaScript, שמות מחלקות ונתיבי שמירה של שורש GC ישירות מתמונות מצב של הערימה.
• סינון הקשרים של V8: סינון אובייקטים של תמונת מצב של הערימה לפי הקשר הביצועי המקורי, ובדיקת הקשרים המקוריים בסיכומי תמונות המצב.
• שיפורים ביציבות של Daemon ובמחזור החיים שלו: נוספה שמירה של בקשות לאחזור מהרשת מוגבלות לכל ניווט, אימות של מזהה סשן, אזהרות על חוסר התאמה בין גרסאות של CLI ל-Daemon ופירוק חלק של Worker בעת סילוק הקשר.

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

רשת: עריכה ושליחה מחדש של בקשות, תובנות לגבי טעינה מראש ופענוח של מטען ייעודי בינארי (payload)

• שליחה מחדש של בקשות אחזור ו-XHR: האפשרות הקודמת בתפריט ההקשר 'הפעלה מחדש של XHR' נקראת עכשיו שליחה מחדש. הוא תומך עכשיו בכל הבקשות לאחזור מהרשת, וממיר בקשות רגילות לקריאות fetch() תוך שמירה על נאמנות מלאה להפעלה מחדש לצד XHR. בנוסף, הבקשות עוקבות אחרי הקשר הביצוע שלהן ומציגות אותו, וגם את המקור שלהן במסוף.
• העמודה 'טעינה מראש' והאפשרות 'העתקה בתור רכיב טעינה מראש': בעמודה חדשה ייעודית טעינה מראש מוצג אם בקשה לאחזור מהרשת הופעלה באמצעות טעינה מראש ספקולטיבית. אפשר גם ללחוץ לחיצה ימנית על בקשה כלשהי ולבחור באפשרות העתקה כרכיב טעינה מראש כדי ליצור תג <link rel="preload"> שמוכן להוספה לקוד ה-HTML. ההצעות המוקדמות מסווגות עכשיו בעמודה Initiator.
• צפייה בבינארי עבור מטענים ייעודיים (payloads) של בקשות: הכרטיסייה Payload כוללת עכשיו אפשרויות של שיטות פענוח (Base64,‏ Hex ו-UTF-8) למטענים ייעודיים (payloads) של בקשות בינאריות ודחוסות, בדומה לכרטיסייה Response.
• העמודה 'מספר הבקשה המוצמדת': העמודה 'בקשה #' מוצמדת עכשיו למיקום הראשון ברשת הנתונים של הכרטיסייה 'רשת', כדי שיהיה קל יותר להתייחס לבקשות.
• סינון מארחים באותו אתר: חיפוש של דומיינים, שמות מארחים או יציאות (למשל, localhost או example.com) בסרגל הסינון של 'רשת' מסנן עכשיו בצורה מדויקת בקשות מאותו אתר.
• פענוח ברירת המחדל של פרמטרים של שאילתות: פרמטרים של שאילתות וטפסים בכרטיסייה Payload מפוענחים עכשיו באופן אוטומטי לכל הבקשות.

בעיות ב-Chromium: ‏ 40726969, 41299075, 40138847, 40222701, 525848667, 507077182, 498482622, 520437951, 40267477

אלמנטים: קישוטי אלמנטים בהתאמה אישית, אינטראקציות של סלקטורים ראשיים ב-CSS מוטמעים וסימון של פסאודו-אלמנטים $0

בדיקה ויצירה של רכיבי אינטרנט ו-CSS מודרני מהירות ואינטואיטיביות יותר בחלונית Elements:

• תג קישוט לרכיב מותאם אישית: רכיבי HTML מותאמים אישית (שמזוהים על ידי תגים עם מקפים או מאפייני is="..." לרכיבים מובנים מותאמים אישית) מציגים עכשיו תג קישוט custom-element במתאר של עץ ה-DOM.
• אינטראקציות עם סלקטורים ב-CSS של רכיבי הורה מוטמעים וספציפיות: כשמעבירים את העכבר מעל סלקטורים של רכיבי הורה ב-CSS מוטמע או בכללים מוטמעים שעברו בירושה, האלמנטים התואמים בדף מודגשים והסינון בכרטיסייה Styles (סגנונות) מגיב. הוספנו חלונות קופצים עם טיפים ספציפיים לכללי @nested-declarations.
• בחירת פסאודו-אלמנטים באמצעות $0: בחירה של פסאודו-אלמנטים כמו ::before או ::after בעץ ה-DOM של Elements קושרת אותם עכשיו ישירות למשתנה המסוף $0 לבדיקת JavaScript מיידית.
• השלמה אוטומטית לסוגים text-wrap ו-<image>: בחלונית Styles מוצעים עכשיו כל ערכי מילות המפתח של text-wrap (wrap, ‏ nowrap, ‏ balance,‏ pretty, ‏ stable) ומתבצעת השלמה אוטומטית של מאפייני CSS שמקבלים סוגי נתונים של <image>.
• מודעות לפסי גלילה במודל התיבה: עכשיו דיאגרמת המדדים של מודל התיבה מחשבת ומציגה את המידות של תיבת התוכן בצורה מדויקת, כשאלמנטים כוללים פסי גלילה גלויים.

בעיות ב-Chromium: ‏ 367440148, 535517817, 535522242, 535523039, 537724428, 399305533, 334984154, 383355294, 326260752, 389342065

ביצועים: מדדים של ניווט רך במדדים בזמן אמת ובהגדרות קבועות מראש של צילומי מסך מותאמים אישית

• תמיכה במדדים בזמן אמת למעברים רכים: בתצוגת המדדים בזמן אמת מוצגים עכשיו מדדי Core Web Vitals (כמו LCP ו-INP) למעברים רכים בצד הלקוח באפליקציות של דף יחיד כברירת מחדל. השינוי הזה מתאפשר בזכות שדרוג לגרסה web-vitals v6.0.0.
• הגדרות קבועות מראש של צילום מסך בהתאמה אישית: הגדרות קבועות מראש של גודל מסגרת צילום המסך ומגבלת מספר המסגרות לצילום מסך שניתנות להגדרה למעקב אחר CDP בחלונית 'ביצועים', כדי להתאים אישית את דיוק ההקלטה החזותית במסגרת תקציבי הזיכרון.
• console.profileEnd() כלי לחשיפת עקבות: קריאה ל-console.profileEnd() בקוד או במסוף שלכם פותחת עכשיו באופן אוטומטי את העקבות המתועדים ומציגה אותם בחלונית Performance (ביצועים).
• סיכום של מסלולים מותאמים אישית ב-Extensibility API: סיכומי מעקב אחר ביצועים מעבדים ומציגים עכשיו קבוצות של מסלולים מותאמים אישית שנרשמו באמצעות Extensibility API.

בעיות ב-Chromium: ‏ 514721939, 490140054, 536954453, 535506117

מסוף: ייצוא טבלאות כ-Markdown או כ-CSV והגנה מפני תופעות לוואי

• העתקת טבלאות של מסוף כ-Markdown או כ-CSV: עכשיו אפשר להעתיק ישירות ללוח העריכה טבלאות שנרשמו באמצעות console.table() כטבלאות Markdown מעוצבות או כנתוני CSV מתפריט ההקשר.
• הגנה מפני הערכת תופעות לוואי: הערכת הריחוף של מאתר הבאגים מגינה עכשיו מפני ביטויים שמכילים new, תבניות מילוליות מתויגות, import() דינמיים ואופרטורים של delete, ומונעת שינויים לא מכוונים במצב בזמן שההפעלה מושהית.

בעיות ב-Chromium: 40924951, 40133606

מנות מומלצות אחרות

אוסף של שיפורים משמעותיים במערכות המשנה האחרות של כלי הפיתוח:

• מקורות: מעכשיו, התכונה 'פתיחה מהירה' נותנת עדיפות לקבצים מקומיים של סביבת העבודה עם דירוג גבוה, כך שהקבצים של סביבת העבודה יופיעו בראש הרשימה מעל משאבי הרשת. (בעיה ב-Chromium: 40260136)
• זיכרון: בתצוגה 'סיכום תמונת מצב של ה-Heap' מוצג עכשיו מספר כולל של אובייקטים לצד גדלים מצטברים של אובייקטים רדודים עבור סוגים נבחרים, והיא כוללת מסננים של הקשר ביצוע מקורי. (בעיה ב-Chromium: 497855658)
• אפליקציה: בחלונית מודעות, המתג הדגשת מודעות הועבר ישירות לחלונית, נוספו מזהי רכיבי iframe של מודעות שאפשר ללחוץ עליהם כדי לחשוף מסגרות בהיררכיה, והוצגה טבלת פירוט של מדדים לכל מסגרת. (בעיה ב-Chromium: 514957134)
• אפליקציה: עיצבנו מחדש את הקטע Clear site data בחלונית Storage לקבוצה מאוחדת ומצומצמת (בעיה ב-Chromium:‏ 375867286), ופתרנו כפילויות ברשומות של Cache Storage אחרי שחזורים של Back/Forward Cache (בעיה ב-Chromium:‏ 484693244).
• תוספים: שיטות אסינכרוניות ב-chrome.devtools.panels מחזירות עכשיו באופן מובנה הבטחות של JavaScript כשמפעילים אותן בלי קריאה חוזרת (callback). (בעיה ב-Chromium: 496604551)
• הגדרות: פיצול של הגדרות קבועות מראש של הגבלת רוחב פס ברשת כברירת מחדל והגדרות מותאמות אישית של הגבלת רוחב פס לקטעים נפרדים. (בעיה ב-Chromium: 342409451)
• ‫Lighthouse: מודול Lighthouse שצורף עודכן לגרסה 13.4.1. (בעיה ב-Chromium: 40543651)
• בעיות: כלי הפיתוח מציג אזהרה כשחסרים מאפייני width או height מפורשים בתמונה שמשתמשת ב-loading="lazy".
• מצב מכשיר: פישטנו את התפריט של רמת הזום עם האפשרות המאוחדת התאמה לחלון והשבתנו את המתג הצגת מסגרת המכשיר כשגרפיקת המסגרת לא זמינה.

שיפורים בנגישות

גרסה 152 של Chrome כוללת את שיפורי הנגישות הבאים:

• רכיבים ונגישות: נוספו אפשרויות בתפריט ההקשר למעבר חלק בין עץ ה-DOM של הרכיבים לבין תצוגת עץ הנגישות, וגם האפשרות 'מעבר לתצוגה' לצמתי נגישות. (בעיות ב-Chromium: 417929842)
• נגישות: נוספה תמיכה בהעתקה של צמתים ושל ענפים בעץ הנגישות כטקסט פשוט באמצעות תפריט ההקשר. (בעיה ב-Chromium: 417929842)
• רכיבים: תוקנו צבעי הדגשה של חיפוש בניגודיות נמוכה בחלונית 'רכיבים' כשמפעילים את מצב כהה. (בעיה ב-Chromium: 491718898)
• ניווט: כשמבטלים את העגינה של כלי הפיתוח לחלון נפרד או מעגנים אותם מחדש בכרטיסייה, המיקוד כבר לא עובר בכוח ללחצן התפריט הראשי.
• הגדרות: נוסף הקשר תיאורי ונגיש ללחצנים 'הצגת פרטים נוספים' ו'הצגת פחות פרטים' בהגדרות ה-AI.