Nowości w Narzędziach deweloperskich (Chrome 151)

Matthias Rohmer

Opublikowano: 28 lipca 2026 r.

W Chrome 151 wprowadzamy więcej widżetów do przewodnika po agencie w pomocy AI, szczegółowe zestawienia specyficzności CSS na karcie Style, obsługę pseudoelementu ::interest-button oraz duże aktualizacje serwera MCP narzędzi deweloperskich.

Narzędzia deweloperskie dla agentów

W ostatnich wersjach, aż do v1.6.0, Narzędzia deweloperskie w Chrome dla agentów znacznie rozszerzyły możliwości debugowania agentów kodowania, takich jak Antigravity, Claude, Codex i inne.

Aktualizacje w wersjach od 1.4.0 do 1.6.0 obejmują:

• Ulepszone debugowanie pamięci: nowe narzędzie get_heapsnapshot_duplicate_stringswykrywa marnowanie pamięci spowodowane nadmiarowymi alokacjami ciągów w stertach JavaScriptu. get_heapsnapshot_details zwraca łączną liczbę obiektów i zagregowane rozmiary pamięci, zagregowane zrzuty sterty z możliwością filtrowania, ścieżki zachowywania korzeni GC i umożliwia porównywanie pamięci w różnych zrzutach.
• Kodowanie formatu GCF (experimentalGcfFormat): dodaliśmy obsługę odpowiedzi narzędzia zakodowanych w formacie GCF, aby zoptymalizować przepustowość i wydajność analizowania w przypadku obsługiwanych klientów.
• Równoczesne kierowanie stron do wielu agentów i izolowane konteksty: --experimentalPageIdRouting umożliwia równoległe działanie subagentów w różnych kartach przeglądarki przy użyciu jawnego pageId kierowania. Tryb --isolated i parametry isolatedContext tworzą tymczasowe profile Chrome i pamięć na potrzeby każdej sesji.

Więcej informacji znajdziesz w repozytorium Narzędzi deweloperskich dla agentów na GitHubie.

Pomoc AI

Obraz/screencast: panel pomocy AI z nowym widżetem wbudowanym Network Track i interaktywnym przewodnikiem z obsługą tabel GFM.

Panel Pomoc AI jest stale rozwijany i zawiera więcej szczegółów w przewodnikach po agentach z wyspecjalizowanym widżetem Ścieżka sieci (wyświetlającym aktywność sieciową w zakresie wydajności w formacie inline z nawigacją jednym kliknięciem, która umożliwia powiększenie zakresu czasu w panelu Wydajność) oraz widżetem Lista żądań sieciowych (wyświetlającym parametry żądań w formacie strukturalnym w interaktywnych tabelach).

Dodatkowo wiadomości z odpowiedzią w pełni obsługują teraz renderowanie tabel w formacie GitHub Flavored Markdown (GFM) w przypadku sformatowanych podsumowań danych w formie tabeli.

Podział specyficzności CSS i obsługa ::interest-button

Panel Elementy zawiera bardziej zaawansowane narzędzia do sprawdzania i tworzenia kodu CSS w przypadku nowoczesnych interfejsów API platformy internetowej:

• Szczegółowe informacje o specyficzności CSS: po najechaniu kursorem na nazwy selektorów na karcie Style wyświetla się szczegółowa etykietka z informacjami o tym, jak każda klasa, identyfikator, element lub pseudoklasa wpływa na obliczanie specyficzności(a, b, c). To materiał przygotowany przez społeczność. Dziękujemy użytkownikowi @hjanuschka.
• Pseudoelement ::interest-button: Narzędzia deweloperskie w pełni analizują i prezentują nowy pseudoelement CSS ::interest-button (część specyfikacji HTML interesttarget) w widoku drzewa elementów i na karcie Style.
• Asynchroniczne łączenie elementów docelowych w przypadku atrybutów relacji HTML: atrybuty HTML, takie jak popovertarget, interesttarget i commandfor, asynchronicznie pobierają i wizualnie łączą swoje docelowe węzły DOM w tekście.
• Renderowanie z opóźnieniem w przypadku dużych arkuszy stylów: karta Style używa teraz dekoracji właściwości z opóźnieniem, gdy element przekracza 200 właściwości CSS, co skraca czas blokowania renderowania z kilku sekund do milisekund.

Problemy z Chromium: 353436867, 453705247, 524406293, 457696384, 524131115

Debugowanie pamięci: atrybucja kontekstu natywnego i przechowywanie zamknięć

Diagnozowanie złożonych wycieków pamięci JavaScript w aplikacjach internetowych z wieloma ramkami lub kontekstami jest teraz znacznie łatwiejsze w panelu Pamięć:

• Atrybucja kontekstu natywnego V8: zrzuty sterty wykonują teraz dwufazowy algorytm atrybucji. Statyczne wnioskowanie o wskaźnikach rozwiązuje problemy z native_contextmapami, a śledzenie osiągalności grafu – z pozostałymi obiektami. Obiekty dostępne z jednego kontekstu natywnego są przypisywane bezpośrednio do tego kontekstu, a obiekty dostępne z wielu kontekstów są kategoryzowane w zasobniku kontekstu współdzielonego.
• Filtr „Zachowane przez kontekst”: nowy filtr interfejsu w perspektywie Zrzut sterty umożliwia wyodrębnianie obiektów zachowanych wyłącznie przez obiekty kontekstu zamknięcia JavaScript.
• Konfigurowalna kolejność wyświetlania właściwości: nowe ustawienie w menu kontekstowym Sort properties alphabetically (domyślnie włączone) umożliwia przełączanie się między sortowaniem alfabetycznym a pierwotną kolejnością wstawiania właściwości JS podczas sprawdzania właściwości obiektu sterty.

Problemy z Chromium: 497855658, 423838364, 40833016

Interfejsy API rozszerzeń oparte na obietnicach i zwiększone bezpieczeństwo

Interfejsy API rozszerzeń Narzędzi deweloperskich zostały zaktualizowane o nowoczesne wzorce asynchroniczne i bardziej rygorystyczne mechanizmy kontroli bezpieczeństwa:

• Natywna obsługa obietnic: metody asynchroniczne w przypadku chrome.devtools.network(getHAR(), Request.getContent()), chrome.devtools.panels i chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) zwracają teraz standardowe obiekty JavaScript Promise, gdy są wywoływane bez parametru wywołania zwrotnego.
• Granice bezpieczeństwa rozszerzeń: rozszerzenia Narzędzi deweloperskich mają teraz ograniczone możliwości pobierania zasobów HAR z zablokowanych docelowych adresów URL, muszą spełniać wymagania dotyczące uprawnień extensionsOnChromeUrls w przypadku oceniania wielu rozszerzeń w inspectedWindow.eval i wymagać sprawdzania allowFileAccess zasobów file://.

Inne najważniejsze informacje i poprawki

W tej wersji wprowadziliśmy szereg drobnych ulepszeń i poprawek błędów:

• Wydajność: dodaliśmy znaczniki osi czasu Soft FCP (pierwsze wyrenderowanie treści) obok znaczników Soft LCP i Soft Navigation oraz zaktualizowane nagłówki szuflady szczegółów.
• Wydajność: dodano zabezpieczenia, aby pominąć sprawdzanie ciśnienia obliczeniowego podczas kalibracji ograniczenia procesora na urządzeniach z Androidem bez obsługi PressureObserver.
• Sieć: zaktualizowaliśmy opcję Skopiuj jako cURL, aby dodawać do docelowych adresów URL prefiks --url. Zapobiega to błędnej interpretacji flag wiersza poleceń w przypadku adresów URL z prefiksami w postaci myślników.
• Źródła: domyślnie włączono rozdzielczość zakresu mapy źródłowej, co poprawia rozdzielczość zakresu zmiennych i odwracanie minimalizacji symboli podczas debugowania.
• Ustawienia: zaktualizowane gotowe ustawienia emulowanych urządzeń dla nowszych modeli iPhone'a i Pixela z potwierdzonymi wstawkami bezpiecznego obszaru oraz wstępnie wypełnione pola User-Agent niestandardowego urządzenia wartością navigator.userAgent. (Problemy z Chromium: 40718410, 518215252)
• Ustawienia: zaktualizowaliśmy menu Obsługa linków, aby wyświetlać przyjazne dla użytkownika tytuły rozszerzeń zamiast surowych adresów URL pochodzenia rozszerzeń.
• Lighthouse: zaktualizowaliśmy dołączony moduł Lighthouse do wersji 13.4.0. (Problem w Chromium: 40543651)

Ulepszenia ułatwień dostępu

Chrome 151 zawiera te ulepszenia ułatwień dostępu:

• Elementy: przywróciliśmy widoczność przełączanych ikon paska narzędzi (np. przycisku Wznów wykonywania skryptu) w trybie wysokiego kontrastu w systemie Windows / @media (forced-colors: active), usuwając sprzeczne zastąpienia koloru tła. (Problem w Chromium: 519762185)
• Konsola: dodaliśmy dostępne pełnotekstowe title etykietki narzędzi dla skróconych wartości ciągów Live Expression w przypiętych elementach konsoli.