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

Matthias Rohmer

Opublikowano: 7 kwietnia 2026 r.

Chrome 147 wprowadza automatyczny wybór kontekstu dla pomocy AI, ulepsza sugestie kodu do pełnego uzupełniania kodu, modernizuje pasek narzędzi trybu urządzenia, wprowadza automatyczne dekodowanie skompresowanych treści sieciowych i kilka innych ulepszeń.

Automatyczny wybór kontekstu w pomocy AI

Jedną z najczęściej zgłaszanych próśb dotyczących pomocy AI była możliwość zadawania bardziej otwartych pytań. Nowy agent wyboru kontekstu umożliwia zadawanie pytań bez wcześniejszego wyboru kontekstu, np.:

• „Jakie są najwolniejsze żądania sieciowe na tej stronie?” Wcześniej nie było to możliwe, ponieważ trzeba było wybrać konkretne żądanie sieciowe.
• „Jakie problemy z wydajnością występują na stronie?” Narzędzia deweloperskie automatycznie zarejestrują ślad z wybranymi ustawieniami, aby odpowiedzieć na to pytanie.
• „Jak korzystać z panelu animacji?” lub „Gdzie w Narzędziach deweloperskich jest ustawienie wysokiego kontrastu?”, aby uzyskać bezpośrednią pomoc dotyczącą samych Narzędzi deweloperskich.

W ramach tej zmiany pomoc AI może teraz automatycznie przełączać kontekst. Gdy czat jest pusty, kontekst będzie inteligentnie aktualizowany na podstawie Twoich działań, a po rozpoczęciu rozmowy będą uwzględniane Twoje ręczne wybory.

Narzędzia deweloperskie dla agentów

Serwer MCP i interfejs wiersza poleceń Narzędzi deweloperskich w Chrome zostały zaktualizowane do wersji 0.21.0. Wprowadzono w nich istotne ulepszenia dotyczące przepływów pracy z wieloma agentami, nowe możliwości audytu za pomocą Lighthouse oraz rozszerzony zestaw umiejętności.

Główne funkcje dodane od ostatniej aktualizacji:

• Zintegrowane audyty Lighthouse: możesz teraz przeprowadzać audyty Lighthouse bezpośrednio w MCP, co umożliwia automatyczne sprawdzanie wydajności i jakości w ramach przepływów pracy agenta.
• Umiejętność wykrywania wycieków pamięci: dodaliśmy nową umiejętność wykrywania wycieków pamięci za pomocą narzędzia take_memory_snapshot.
• Ulepszenia umiejętności związanych z ułatwieniami dostępu: umiejętność debugowania ułatwień dostępu została ulepszona, aby lepiej wykorzystywać Lighthouse i zapewniać bardziej niezawodne wyniki.
• Ogólne umiejętności korzystania: specjalne umiejętności dotyczące korzystania z serwera MCP Narzędzi deweloperskich w Chrome lub interfejsu CLI oraz rozwiązywania problemów z instalacją pomagają agentowi w pełni wykorzystać Narzędzia deweloperskie dla agentów.
• Obsługa przepływu pracy z wieloma agentami: wprowadzenie pageId routingu umożliwia wielu agentom precyzyjne kierowanie działań i wchodzenie w interakcję z określonymi stronami przeglądarki równolegle.

Aby zacząć korzystać z tych funkcji, zajrzyj do repozytorium GitHub ze szczegółowymi informacjami o wersji.

Generowanie kodu

W Chrome 142 wprowadziliśmy sugestie kodu od Gemini w panelach Konsola i Źródła. W Chrome 147 ta funkcja zostanie ulepszona do pełnego generowania kodu.

Aby wygenerować kod, wpisz komentarz w języku naturalnym opisujący potrzebną logikę (np. // Loop to check all img elements for valid alt attributes) i naciśnij Cmd+I (Mac) lub Ctrl+I (Windows/Linux), aby rozpocząć generowanie.

Odświeżony pasek narzędzi trybu urządzenia

Pasek narzędzi Tryb urządzenia został zmodernizowany, aby zapewnić bardziej spójne i usprawnione działanie:

• Ujednolicone elementy sterujące: wybór urządzenia, poziomy powiększenia i współczynnik pikseli urządzenia (DPR) korzystają teraz ze standardowych komponentów interfejsu DevTools, co zwiększa wygodę użytkowania.
• Uproszczony zoom: menu powiększenia jest teraz bardziej przejrzyste, a opcja „Dopasuj do okna” jest zintegrowana bezpośrednio z listą wartości procentowych. „Automatyczne dostosowywanie powiększenia” zostało przeniesione na osobny przycisk na pasku narzędzi.
• Obsługa blokady orientacji: Narzędzia deweloperskie obsługują teraz interfejs screen.orientation.lock() API w trybie emulacji urządzenia. Gdy strona blokuje orientację, emulowane urządzenie obraca się automatycznie, aby dopasować się do zablokowanej orientacji, a przycisk ręcznego obracania jest wyłączony, gdy blokada jest aktywna.

Problemy z Chromium: 40807290

Zdekodowane skompresowane treści

Diagnozowanie problemów ze skompresowanymi zasobami jest teraz znacznie łatwiejsze. Wcześniej, jeśli żądanie HTTP używało znaków Content-Encoding: gzip lub deflate, widok Payload w panelu Network wyświetlał zniekształcone dane binarne zamiast zdekodowanej treści.

W Chrome 147 Narzędzia deweloperskie automatycznie dekodują te skompresowane treści i wyświetlają czytelną zawartość bezpośrednio w sekcji Payload (Ładunek).

Dodatkowo lista żądań zawiera teraz informacje o rozmiarze transferu, co daje jaśniejszy obraz wykorzystania danych w sieci. Jest to szczegół wykorzystywany również przez asystenta AI do lepszego wybierania żądań.

Problemy z Chromium: 356158096

Filtry wyrażeń regularnych dla stylów

W paskach filtrów w panelach Style, Obliczone i Właściwości możesz teraz używać wyrażeń regularnych. Kliknij nowy przycisk przełączania Wyrażenie regularne (.*), aby włączyć tę opcję. Następnie wpisz np. padding|border, aby wyróżnić wszystkie właściwości padding i border.

Problem w Chromium: 40706727

Ulepszenia ładowania spekulacyjnego

Debugowanie wstępnego wczytywania jest bardziej niezawodne dzięki nowym funkcjom w panelu Aplikacja > Wczytywanie spekulacyjne:

• Filtrowanie tekstu: możesz teraz filtrować listę reguł i prób za pomocą tekstu dowolnego lub filtrów kluczowych (np. url:, action:, status:) z obsługą logiki AND między wieloma terminami.
• Przycisk wyczyść: nowy przycisk wyczyść umożliwia zresetowanie modelu wstępnego wczytywania i wyczyszczenie wyświetlanych reguł oraz prób.
• Kody stanu HTTP: w przypadku nieudanych wstępnych pobrań Narzędzia deweloperskie wyświetlają teraz rzeczywisty kod stanu HTTP (np. 404) zarówno w kolumnie stanu, jak i w panelu szczegółów, zamiast ogólnego komunikatu o błędzie.

Problemy z Chromium: 479524246,40926909

Inne postanowienia

Oto niektóre z najważniejszych poprawek i funkcji w tej wersji:

• Konsola: gdy wszystkie ramki stosu w wierszu błędu są na liście ignorowanych, ale stos wywołań zawiera ramki, które nie są ignorowane, pojawia się przełącznik, który pomaga skupić się na kodzie wymagającym działania, a jednocześnie ukrywa niepotrzebne ślady biblioteki (379788109).
• Wydajność: stan paska bocznego (otwarty/zamknięty) jest teraz zachowywany. Jeśli zamkniesz pasek boczny, pozostanie on zamknięty podczas kolejnych nagrań (437340219).
• Ustawienia: po przełączeniu niektórych ustawień eksperymentalnych Narzędzia deweloperskie mogą wyświetlać pasek informacyjny z prośbą o ponowne uruchomienie przeglądarki.
• Sprawdzanie obiektu: nowa opcja „Pokaż wszystko” w menu kontekstowym w widokach obiektów umożliwia przełączanie widoczności właściwości o wartości nullish (null lub undefined) (41187256).
• Elementy: dekoracja „reklama” nie jest już ograniczona do elementów iframe i może być teraz wyświetlana w przypadku dowolnych elementów oznaczonych przez backend jako powiązane z reklamą (485493202).
• Węzły instrukcji: węzły instrukcji przetwarzania (np. <?xml-stylesheet ... ?>) są teraz widoczne i można je edytować w drzewie DOM (484891675).

Ułatwienia dostępu

W tej wersji wprowadziliśmy kilka ulepszeń w zakresie ułatwień dostępu:

• Skuteczność: przycisk pomocy w tytule na kartach wskaźników skuteczności jest teraz zawsze widoczny i dostępny za pomocą klawiatury, a nie tylko po najechaniu kursorem (487613506).
• Źródła: punkty przerwania detektora zdarzeń można teraz zaznaczać i odznaczać za pomocą klawisza spacji (478890182).
• Ustawienia: klawisze Home i End działają teraz podczas przechodzenia do pierwszego i ostatniego elementu listy skrótów (481747256).
• Lighthouse: ulepszone komunikaty czytnika ekranu dotyczące pól wyboru w grupach kategorii (477643909).