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 przypadku 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, na przykład:

• „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 jest inteligentnie aktualizowany na podstawie Twoich działań. Po rozpoczęciu rozmowy uwzględniane są Twoje ręczne wybory.

Narzędzia deweloperskie dla agentów

Serwer MCP narzędzi deweloperskich w Chrome i interfejs wiersza poleceń zostały zaktualizowane do wersji 0.21.0, co znacznie usprawnia przepływy pracy z wieloma agentami, wprowadza nowe możliwości audytu za pomocą Lighthouse i zwiększa zakres 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, zapoznaj się z repozytorium GitHub, w którym znajdziesz szczegółowe informacje 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. Znak i w skrócie jest zapisany małą literą.

Odświeżony pasek narzędzi Tryb 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 Narzędzi deweloperskich, co zwiększa wygodę użytkowania.
• Uproszczone powiększenie: 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 też szczegół wykorzystywany 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 wywołań w wierszu błędu są na liście ignorowanych fragmentów kodu, ale stos wywołań zawiera ramki nieignorowane, 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 reklamami (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).