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

Matthias Rohmer

Opublikowano: 30 czerwca 2026 r.

W Chrome 150 wprowadzamy ulepszone debugowanie pamięci w Narzędziach deweloperskich dla agentów, rozszerzamy pomoc AI o więcej widżetów oraz wprowadzamy pełne możliwości edycji reguł CSS @container i @function.

Narzędzia deweloperskie dla agentów

W ostatnich wersjach, aż do v1.4.0, Narzędzia deweloperskie w Chrome dla agentów znacznie rozszerzyły możliwości automatyzacji i debugowania przeglądarki przez agentów.

Najważniejsze funkcje i ulepszenia wprowadzone od ostatniej wersji:

• Pakiet do debugowania pamięci (--experimentalMemory): agenci mogą teraz bezpośrednio przechwytywać i analizować migawki sterty V8, aby diagnozować wycieki pamięci JavaScript i analizować hierarchie zachowania obiektów.
• Zarządzanie rozszerzeniami Chrome (--categoryExtensions): agenci mogą zarządzać cyklem życia rozszerzeń (instalować, odinstalowywać, przeładowywać, wyświetlać listę) i przechwytywać logi konsoli service workerów w tle na potrzeby diagnostyki.
• Wbudowane umiejętności agenta: katalog skills/ jest teraz publikowany bezpośrednio w pakiecie npm, co umożliwia agentom klienta MCP automatyczne wykrywanie i wykonywanie specjalistycznych przepływów pracy związanych z przeglądaniem i debugowaniem.
• Optymalizacje tokenów i danych wyjściowych: ograniczenie wymiarów zrzutu ekranu w źródle zmniejsza zużycie tokenów, a eksperymentalna obsługa TOON (Token-Oriented Object Notation) optymalizuje formatowanie danych strukturalnych.
• Ulepszona nawigacja i kontekst: list_pages zawiera teraz tytuły stron obok adresów URL i identyfikatorów docelowych, co ułatwia wybieranie kontekstu w wielu kartach, a opcje konfiguracji allowedUrlPattern i blockedUrlPattern zapewniają ścisłe bezpieczeństwo zakresu przeglądania.

Aby zapoznać się z najnowszymi aktualizacjami dotyczącymi Narzędzi deweloperskich dla agentów i wnieść swój wkład, odwiedź repozytorium GitHub.

Dokładniejsze obserwacje w pomocy AI

Panel Pomoc AI jest stale rozwijany i zawiera więcej szczegółów w przewodnikach agenta. 9 dodatkowych widżetów zawiera teraz dane z paneli Lighthouse, Sieć, Źródła i Wydajność. Widżety pomagają lepiej zrozumieć dane używane przez Gemini podczas wywoływania narzędzi agenta w celu pobierania zdarzeń związanych z wydajnością, treści zasobów, żądań sieciowych i innych.

Problemy z Chromium: 460763995

Pełna obsługa edycji większej liczby reguł CSS

Karta Style w panelu Elementy wprowadza nowe możliwości tworzenia nowoczesnych funkcji CSS:

• Edytowanie reguł @container w miejscu: możesz teraz bezpośrednio edytować nazwy kontenerów i warunki zapytań w regułach CSS @container, co umożliwia bezproblemowe eksperymentowanie z projektami zapytań o responsywne kontenery.
• Edytowanie reguł CSS @function: dodaliśmy pełną obsługę edycji niestandardowych reguł CSS @function.
• Edytowanie reguł @counter-style: dodaliśmy autouzupełnianie właściwości list-style-type, łącząc je bezpośrednio z odpowiednimi definicjami @counter-style.
• Zwijanie nieistotnych reguł: nowe ustawienie preferencji umożliwia zwijanie nieistotnych reguł stylów CSS, dzięki czemu panel Style jest skupiony wyłącznie na aktywnych stylach.

Problemy z Chromium: 507611251, 41491726, 480080406, 351662727, 514846131

Usuwanie duplikatów punktów przerwania i obsługa rekursywnych map źródeł w sekcji Źródła

Panel Źródła zapewnia większą dokładność debugowania w złożonych nowoczesnych potokach kompilacji:

• Usuwanie duplikatów logicznych punktów przerwania: znaczniki punktów przerwania na marginesie są teraz usuwane z duplikatów w pakietach z podziałem kodu i szablonach skompilowanych po stronie serwera lub klienta za pomocą mapowania najbliższej rozpoznanej lokalizacji. Zapobiega to wyświetlaniu zduplikowanych wskaźników punktów przerwania podczas debugowania kodu współdzielonego w wielu fragmentach lub środowiskach.
• Rekursywne EvalOrigin i zagnieżdżone mapy źródeł: debuger obsługuje teraz rekursywne struktury EvalOrigin i zagnieżdżone łańcuchy tłumaczeń w mapach źródeł, co zapewnia dokładne ślady stosu i zachowanie kroku w przepływach pracy kompilacji wieloetapowej.
• Skrót klawiszowy „Przejdź do wiersza”: dodaliśmy ALT + G jako dodatkowy skrót klawiszowy do nawigacji „Przejdź do wiersza” w edytorze, aby uniknąć konfliktów z nowym skrótem Gemini w Chrome.
• Formatowanie atrybutów importu: zaktualizowaliśmy bazowy parser Acorn, aby obsługiwał formatowanie w ładnym druku standardowej składni atrybutów importu JavaScript.

Problemy z Chromium: 493674242, 485142682, 480172712, 491167992

Zwiększanie bezpieczeństwa i ochrony przed atakami międzyźródłowymi w Narzędziach deweloperskich

Podobnie jak w przypadku wielu innych produktów, ostatnio odnotowaliśmy wzrost liczby zgłoszeń dotyczących bezpieczeństwa, z których wiele zostało wykrytych za pomocą AI. Zespół stale analizuje i naprawia te problemy, aby zapewnić bezpieczeństwo Narzędzi deweloperskich:

• Ochrona przed atakami XSS w przypadku wyrażeń na żywo: dodaliśmy okna ostrzegawcze przed atakami XSS i mechanizmy ochrony podczas tworzenia wyrażeń na żywo w konsoli.
• Listy dozwolonych nawigacji i weryfikacja odtwarzania w Rejestratorze: panel Rejestrator wymusza teraz ścisłe listy dozwolonych nawigacji, aby uniemożliwić przechodzenie do stron o wysokich uprawnieniach, a także ścisłą weryfikację pochodzenia rozszerzenia w sekcjach odtwarzania.
• Ograniczenia dotyczące zastępowania sieci przez rozszerzenia: zastępowanie sieci zarządzane przez rozszerzenia ściśle egzekwują zasady hosta runtime_blocked_hosts.
• Bezpieczna konstrukcja @font-face: przeprojektowaliśmy generowanie reguł @font-face za pomocą interfejsu API CSSStyleSheet i bezpiecznego przekształcania adresów URL w ciągi znaków, aby zapobiec wstrzykiwaniu kodu CSS przez adresy URL danych.

Inne ciekawe pozycje w menu

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

• Wydajność: naprawiliśmy zwiększanie rozmiaru transferu TraceTree w przypadku żądań sieciowych z pamięci podręcznej , wymuszając rozmiar transferu 0 bajtów w przypadku zidentyfikowanych trafień w pamięci podręcznej.
• Wydajność: zaktualizowaliśmy formaty wydajności, aby obsługiwały opcjonalne dane pola deviceScope z Raportu na temat użytkowania Chrome (CrUX).
• Wydajność: włączyliśmy przewijanie w poziomie w tabelach drzewa wywołań, aby zapobiec obcinaniu długich adresów URL plików.
• Wydajność: naprawiliśmy uszkodzone ponowne renderowanie i uszkodzenie stanu DOM na pasku bocznym Obserwacje w wielu plikach śledzenia.
• Wydajność: przenieśliśmy śledzenie unieważnienia osi czasu i ustawienia trybu debugowania z flag eksperymentalnych do standardowych ustawień Narzędzi deweloperskich.
• Sieć: przywróciliśmy nieprawidłową zmianę nazwy kolumny, aby przywrócić kolumnę Ma zastąpienia, i naprawiliśmy logikę sortowania zastąpień nagłówków i treści.
• Sieć: naprawiliśmy stylizację CSS attr() na paskach kaskadowych Server-Timing, aby kolory generowane w poszczególnych wierszach były prawidłowo renderowane.
• Sieć: naprawiliśmy generowanie polecenia Skopiuj jako cURL w przypadku plików cookie bez nazwy.
• Aplikacja: połączyliśmy elementy pamięci lokalnej i sesji w panelu Aplikacja za pomocą nowej infrastruktury StorageAgent.
• Aplikacja: naprawiliśmy pierwszeństwo stanu Ładowania spekulatywne, aby adresy URL, które pomyślnie przeszły zarówno pobieranie wstępne, jak i renderowanie wstępne, były wyświetlane jako "renderowane wstępnie".
• Aplikacja: wyświetliliśmy etykietki z dokładną wartością bajtów w kolumnach widoków migawek sterty.
• Problemy: wyświetliliśmy typ problemu BackUINavigationWouldSkipAd, gdy nawigacja wsteczna pomijała wpisy reklam.
• Problemy: dodaliśmy obsługę wyświetlania problemów z prośbą o weryfikację adresu e-mail (EmailVerificationRequestIssue).
• Lighthouse: dodaliśmy pole wyboru kategorii Przeglądanie przez agenta (domyślnie wyłączone) w panelu konfiguracji Lighthouse i zaktualizowaliśmy wbudowany silnik Lighthouse do wersji 13.3.0.

Problemy z Chromium: 518021339, 40908621, 517519019, 487755345, 505284391, 465915378, 512908993, 40543651

Ulepszenia ułatwień dostępu

W Chrome 150 wprowadzamy kilka ulepszeń dotyczących odczytywania przez czytnik ekranu, struktur widżetów i semantyki ARIA w Narzędziach deweloperskich:

• Ulepszyliśmy odczytywanie przez czytnik ekranu podczas wybierania kart i poruszania się po sekcjach na karcie Style.
• Dodaliśmy opisowe etykietki do ikon zamykania okien i zezwoliliśmy na używanie atrybutów szczegółów i opisu ARIA w etykietkach.
• Wymusiliśmy ścisłe role ARIA menuitem w elementach menu kontekstowego, aby ułatwić nawigację za pomocą technologii wspomagających.

Problemy z Chromium: 510013788