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

Matthias Rohmer

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

ב-Chrome 151 נוספו עוד ווידג'טים להדרכה של סוכן ב-AI, פירוט של ספציפיות CSS בכרטיסייה Styles, תמיכה ברכיב הווירטואלי ::interest-button ועדכונים משמעותיים בשרת DevTools MCP.

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

בגרסאות האחרונות עד v1.6.0, כלי הפיתוח ל-Chrome לסוכני AI הרחיב באופן משמעותי את יכולות הניפוי באגים שלו לסוכני קידוד כמו Antigravity, ‏ Claude, ‏ Codex ועוד.

העדכונים בגרסאות v1.4.0 עד v1.6.0 כוללים:

  • שיפור ניפוי הבאגים בזיכרון: הכלי החדש get_heapsnapshot_duplicate_strings מזהה בזבוז זיכרון שנגרם מהקצאות מיותרות של מחרוזות ב-JavaScript heaps. ‫get_heapsnapshot_details מחזירה ספירות כוללות של אובייקטים וסיכומי גודל זיכרון, סיכומי תמונות מצב של הערימה שניתן לסנן, נתיבי שמירה של שורש GC ומאפשרת השוואה בין תמונות מצב של הזיכרון.
  • קידוד בפורמט GCF ‏ (experimentalGcfFormat): נוספה תמיכה בתשובות של כלים שעברו קידוד ב-GCF כדי לבצע אופטימיזציה של רוחב הפס ויעילות הניתוח עבור לקוחות נתמכים.
  • ניתוב מקביל של דפים לכמה סוכנים והקשרים מבודדים: --experimentalPageIdRouting מאפשר לסוכני משנה מקבילים לפעול בכרטיסיות שונות בדפדפן בו-זמנית באמצעות ניתוב pageId מפורש. הפרמטרים של מצב --isolated ושל isolatedContext יוצרים פרופילים זמניים של Chrome ואחסון לכל סשן.

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

כלים מבוססי-AI

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

החלונית AI assistance (עזרה מ-AI) ממשיכה להתפתח, ומספקת פרטים נוספים בAgent walkthroughs (הסברים מפורטים על סוכן) עם הווידג'ט המיוחד Network Track (מעקב אחר רשת) (הצגת פעילות ברשת של ביצועים מוטבעים עם ניווט בקליק אחד להגדלת טווח הזמן בחלונית Performance (ביצועים)) והווידג'ט Network Requests List (רשימת בקשות רשת) (הצגת פרמטרים של בקשות מובנות בטבלאות אינטראקטיביות).

בנוסף, הודעות התגובה תומכות עכשיו באופן מלא בעיבוד של טבלאות בפורמט GitHub Flavored Markdown ‏ (GFM) לסיכומים של נתונים טבלאיים מעוצבים.

פירוט של ספציפיות ב-CSS ותמיכה ב-::interest-button

הסבר על הספציפיות של CSS בכרטיסייה Styles (סגנונות).

החלונית Elements כוללת כלים מעמיקים לבדיקה ולכתיבה של CSS עבור ממשקי API מודרניים של פלטפורמות אינטרנט:

  • פירוט של ספציפיות ב-CSS: כשמעבירים את העכבר מעל שמות של סלקטורים בכרטיסייה Styles, מוצג עכשיו הסבר קצר ומפורט שמפרט איך כל מחלקה, מזהה, אלמנט או פסאודו-מחלקה תורמים לחישוב הספציפיות.(a, b, c) התוכן הזה הוא תרומה של הקהילה, תודה ל-‎@hjanuschka!
  • ::interest-button פסאודו-אלמנט: DevTools מנתח ומציג עכשיו באופן מלא את פסאודו-אלמנט ה-CSS החדש ::interest-button (חלק ממפרט ה-HTML interesttarget) במתאר של עץ האלמנטים ובכרטיסייה Styles.
  • קישור אסינכרוני של יעדים למאפייני קשר ב-HTML: מאפייני HTML כמו popovertarget, interesttarget ו-commandfor מאחזרים עכשיו באופן אסינכרוני את צמתי ה-DOM של היעד ומקשרים אותם חזותית בשורה.
  • Lazy rendering for large stylesheets: The Styles tab now uses lazy property decoration when an element exceeds 200 CSS properties, reducing render block times from several seconds down to milliseconds.

בעיות ב-Chromium: ‏ 353436867, 453705247, 524406293, 457696384, 524131115

ניפוי באגים בזיכרון: שיוך הקשר מקורי ושמירת סגירה

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

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

  • שיוך הקשר מקורי של V8: תמונות מצב של הערימה מריצות עכשיו אלגוריתם שיוך דו-שלבי. הסקת מסקנות לגבי מצביעים סטטיים פותרת מפות native_context, בעוד שמעקב אחר נגישות לגרף משאיר אובייקטים שנותרו. אובייקטים שאפשר להגיע אליהם מהקשר מקורי יחיד משויכים ישירות להקשר הזה, ואילו אובייקטים שאפשר להגיע אליהם מכמה הקשרים מסווגים לקטגוריה של הקשר משותף.
  • המסנן 'נשמר בזיכרון על ידי הקשר': מסנן חדש בממשק המשתמש בתצוגת Heap Snapshot מאפשר לבודד אובייקטים שנשמרו בזיכרון באופן בלעדי דרך אובייקטים של הקשר סגירת JavaScript.
  • סדר תצוגה של מאפיינים שניתן להגדרה: מתג חדש בתפריט ההקשר, מיון מאפיינים לפי סדר אלפביתי (מופעל כברירת מחדל), מאפשר לעבור בין מיון אלפביתי לבין סדר ההוספה המקורי של מאפייני JS כשבודקים מאפיינים של אובייקט heap.

בעיות ב-Chromium: 497855658, 423838364, 40833016

ממשקי API של תוספים עם הבטחות ושיפור האבטחה

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

  • תמיכה מובנית ב-Promise: שיטות אסינכרוניות ב-chrome.devtools.network (getHAR(), Request.getContent()),‏ chrome.devtools.panels ו-chrome.devtools.inspectedWindow (eval(),‏ getResources(),‏ Resource.getContent(),‏ Resource.setContent()) מחזירות עכשיו אובייקטים סטנדרטיים של JavaScript‏ Promise כשקוראים להן בלי פרמטר של קריאה חוזרת.
  • גבולות אבטחה של תוספים: לתוספי DevTools יש עכשיו הגבלות על אחזור משאבי HAR של כתובות URL חסומות. הם צריכים לעמוד בדרישות של extensionsOnChromeUrlsהרשאות להערכות חוצות-תוספים ב-inspectedWindow.eval, ולבצע בדיקות של allowFileAccessמשאבים ב-file://.

תיקונים ושיפורים אחרים

הגרסה הזו כוללת אוסף של שיפורים קטנים ותיקוני באגים:

  • ביצועים: נוספו סמני ציר הזמן של Soft FCP (הצגת תוכן ראשוני) לצד סמני Soft LCP ו-Soft Navigation, עם כותרות מעודכנות של מגירת הפרטים.
  • ביצועים: נוספו אמצעי הגנה כדי לדלג על בדיקות של עומס חישוב במהלך כיול של ויסות מהירות המעבד במכשירי Android ללא תמיכה ב-PressureObserver.
  • רשת: עודכן העתקה כ-cURL כדי להוסיף את הקידומת --url לכתובות URL של יעד, כדי למנוע פרשנות שגויה של דגל שורת הפקודה לכתובות URL עם מקף כקידומת.
  • מקורות: כברירת מחדל, הפעלנו את ההגדרה 'היקף פתרון מפת מקור', כדי לשפר את פתרון היקף המשתנים ואת ביטול המיניפיקציה של הסמלים במהלך ניפוי הבאגים.
  • הגדרות: עודכנו הגדרות קבועות מראש של מכשירים מדומיים עבור דגמי אייפון ו-Pixel חדשים יותר עם שוליים מאומתים של אזור בטוח, ושדות User-Agent של מכשירים מותאמים אישית מאוכלסים מראש עם navigator.userAgent. (בעיות ב-Chromium: 40718410, 518215252)
  • הגדרות: עדכנו את התפריט הנפתח של ההגדרה טיפול בקישורים כך שיוצגו שמות תוספים ידידותיים למשתמש במקום כתובות URL מקוריות של תוספים.
  • ‫Lighthouse: עודכן מודול Lighthouse בחבילה לגרסה 13.4.0. (בעיה ב-Chromium: 40543651)

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

ב-Chrome 151 יש שיפורים בתחום הנגישות:

  • רכיבים: שוחזרה הנראות של סמלי סרגל הכלים שהופעלו (כמו לחצן המשך של הפעלת הסקריפט) במצב ניגודיות גבוהה ב-Windows או במצב @media (forced-colors: active), על ידי הסרת ביטולים של צבע הרקע שגרמו לקונפליקט. (בעיה ב-Chromium: 519762185)
  • ‫Console: נוספו תיאורי כלים נגישים של טקסט מלא title לערכי מחרוזות של LiveExpression שקוצרו ב-Console Pins.