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 ważne aktualizacje serwera MCP narzędzi deweloperskich.

Narzędzia deweloperskie dla pracowników obsługi klienta

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 kodujących, 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 zrzutach.
• Kodowanie formatu GCF (experimentalGcfFormat): dodano obsługę odpowiedzi narzędzia zakodowanych w formacie GCF, aby zoptymalizować przepustowość i wydajność analizowania w przypadku obsługiwanych klientów.
• Równoczesne kierowanie do wielu agentów i izolowane konteksty: --experimentalPageIdRouting umożliwia równoczesne działanie równoległych subagentów na różnych kartach przeglądarki przy użyciu jawnego pageId kierowania. Parametry --isolated i 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/nagranie ekranu: panel pomocy AI z nowym wbudowanym widżetem ścieżki sieciowej i interaktywnym przewodnikiem z obsługą tabeli GFM.

Panel Pomoc AI jest stale rozwijany. Zawiera więcej szczegółów w przewodnikach po agentach, w tym specjalny widżet Ścieżka sieci (wyświetlający aktywność sieciową w zakresie wydajności z możliwością powiększenia zakresu czasu w panelu Wydajność jednym kliknięciem) oraz widżet Lista żądań sieciowych (wyświetlający parametry żądań 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, która pokazuje, jak każda klasa, identyfikator, element lub pseudoklasa wpływa na (a, b, c) obliczenia specyficzności. To materiał przygotowany przez społeczność. Dziękujemy @hjanuschka!
• Pseudoelement ::interest-button: Narzędzia deweloperskie w Chrome 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ą wbudowane docelowe węzły DOM.
• Odroczone renderowanie dużych arkuszy stylów: karta Style używa teraz dekoracji właściwości odroczonego renderowania, 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: przypisywanie kontekstu natywnego i zachowywanie 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 native_context mapy, a śledzenie osiągalności grafu pozostawia obiekty. Obiekty dostępne z pojedynczego 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 zrzutu 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 Promise: 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 nie mogą już pobierać zasobów HAR z zablokowanych docelowych adresów URL, muszą spełniać wymagania dotyczące uprawnień extensionsOnChromeUrls w przypadku oceniania w ramach różnych rozszerzeń w inspectedWindow.eval i wymagać sprawdzania allowFileAccess zasobów file://.

Inne ważne 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 zaktualizowaliśmy nagłówki panelu szczegółów.
• Wydajność: dodano zabezpieczenia, aby pominąć sprawdzanie obciążenia obliczeniowego podczas kalibracji ograniczenia procesora na urządzeniach z Androidem bez obsługi PressureObserver.
• Sieć: zaktualizowano opcję Skopiuj jako cURL, aby dodawać przed docelowymi adresami URL znak --url, co zapobiega błędnej interpretacji flagi wiersza poleceń w przypadku adresów URL z myślnikiem na początku.
• Źródła: domyślnie włączono rozdzielczość zakresu mapy źródła, 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 obszaru bezpiecznego 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 źródła rozszerzenia.
• Lighthouse: zaktualizowano 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 (takich jak przycisk Wznów wykonywanie 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: dodano dostępne pełnotekstowe title etykietki narzędzi dla skróconych wartości ciągów Live Expression w przypiętych elementach konsoli.