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

Matthias Rohmer

Opublikowano: 2 czerwca 2026 r.

Chrome 149 wprowadza duże ulepszenia w zakresie pomocy AI, eksperymentalne narzędzia do debugowania WebMCP w panelu Aplikacja oraz rozszerza obsługę uzupełniania kodu na CSS.

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

Serwer MCP i interfejs wiersza poleceń Narzędzi deweloperskich w Chrome dla agentów są już oficjalnie stabilne. Pełne ogłoszenie znajdziesz tutaj

Najważniejsze funkcje i nowe narzędzia dodane do wersji 1.1.1:

• Niestandardowe narzędzia innych firm udostępniane na stronie: strony mogą teraz definiować niestandardowe narzędzia do debugowania za pomocą JavaScriptu, które są wykrywalne i wywoływane przez Narzędzia deweloperskie dla agentów.
• Debugowanie WebMCP: narzędzia deweloperskie dla agentów mogą teraz wyświetlać listę narzędzi WebMCP i je wykonywać.
• Emulacja niestandardowych nagłówków HTTP: dodaje do narzędzia do emulacji obsługę nagłówków HTTP (takich jak tokeny uwierzytelniania czy niestandardowe ciągi User-Agent).

Narzędzia innych firm i debugowanie WebMCP są nadal w wersji eksperymentalnej i nie są jeszcze domyślnie włączone. Informacje o tym, jak ich używać, znajdziesz w dokumentacji narzędzi. Gdy te funkcje będą gotowe do użytku produkcyjnego, udostępnimy więcej dokumentacji na stronie developer.chrome.com.

Najnowsze informacje o narzędziach deweloperskich dla agentów oraz możliwość współtworzenia znajdziesz w repozytorium GitHub. Zacznij od naszej dokumentacji lub zapoznaj się z kompleksową sesją wideo Google I/O Usprawnij przepływ pracy związany z kodowaniem AI dzięki Narzędziom deweloperskim w Chrome dla agentów.

Pomoc AI

Panel Pomoc AI został znacznie zaktualizowany. Dodaliśmy do niego nowe narzędzia, które poprawiają jakość trybu konwersacyjnego i zapewniają bardziej szczegółowe informacje o stronie:

• Przewodnik po agencie: pomoc AI renderuje teraz widżety bezpośrednio w interfejsie czatu zamiast zwykłego tekstu w Markdownie. Widżety te obejmują Core Web Vitals i powiązane statystyki, elementy LCP, zestawienie LCP, aktywność wątku od dołu do góry i inne. Link Odkryj w widżecie przenosi Cię do źródła tych informacji w Narzędziach deweloperskich.
• Kopiowanie do agenta kodującego: rozmowy kończą się teraz specjalnym przyciskiem, który umożliwia skopiowanie rozmowy (w formie podsumowania jako prompta lub w formie dosłownej) i wklejenie jej do wybranego agenta kodującego.
• Ulepszone funkcje: pomoc AI ma teraz dostęp do Lighthouse i powiązanych statystyk, co pozwala jej kompleksowo analizować stronę i udzielać trafnych porad.
• Ulepszone odpowiedzi: dzięki Gemini 3 i dopracowanym wstępom pomoc AI udziela bardziej zwięzłych i przydatnych odpowiedzi.
• Ulepszona nawigacja: możesz teraz poruszać się po poprzednich promptach na czacie za pomocą klawiszy strzałki w górę i strzałki w dół, co sprawia, że doprecyzowywanie lub ponowne uruchamianie poprzednich zapytań jest szybkie i intuicyjne.

Podziel się z nami swoją opinią, komentując odpowiedni błąd. W przypadku funkcji Kopiuj do agenta kodowania wycofamy obsługę automatycznych poprawek stylów za pomocą AI w Chrome 152.

WebMCP

W tej wersji wprowadziliśmy eksperymentalne narzędzia do debugowania WebMCP w panelu bocznym Aplikacja. WebMCP (Web Model Context Protocol) umożliwia stronom internetowym rejestrowanie narzędzi, które mogą być używane przez odwiedzających agentów LLM. Więcej informacji o proponowanym standardzie znajdziesz w naszej dokumentacji.

Nowe narzędzia do debugowania umożliwiają deweloperom:

• Sprawdzanie narzędzi po stronie klienta i ich schematów.
• Ręczne uruchamianie narzędzi z parametrami niestandardowymi.
• Śledź i filtruj aktywne lub oczekujące zdarzenia wywołania narzędzia.
• Monitoruj stan wykonania i sprawdzaj zwracane ładunki.

WebMCP to proponowany standard internetowy w wersji testowej. Aby rozpocząć eksperymentowanie, włącz flagi #devtools-webmcp-support i #enable-webmcp-testing na stronie chrome://flags.

Problemy z Chromium: 494516094

Uzupełnianie kodu w przypadku CSS

Na karcie Style jest teraz dostępna funkcja uzupełniania kodu CSS za pomocą Gemini, która rozszerza obsługę paneli Konsola i Źródła. Włącz sugestie dotyczące kodu w sekcji Ustawienia > Innowacje oparte na AI > Sugestie dotyczące kodu.

Ułatwia to eksperymentowanie ze złożonymi kombinacjami właściwości CSS, takimi jak gradienty czy cienie, bez konieczności zapamiętywania ich dokładnej składni. Możesz też szybko tworzyć układy siatki i elastyczne, korzystając z wielu powiązanych właściwości.

Pasek narzędzi u dołu karty Style wyświetla stan za pomocą ikony ładowania. Sugestie są aktualizowane lub usuwane w miarę pisania, dzięki czemu tekst wygenerowany przez AI pozostaje zgodny z ręcznymi zmianami.

Wytyczne dotyczące kontrastu kolorów APCA zostały przeniesione do wersji stabilnej

Kalkulator kontrastu oparty na zaawansowanym algorytmie kontrastu percepcyjnego (APCA) oficjalnie zakończył fazę eksperymentalną i jest teraz dostępny jako standardowe ustawienie preferencji. APCA zastępuje starsze wytyczne dotyczące kontrastu AAA/AA nowoczesnym modelem kontrastu percepcyjnego zoptymalizowanym pod kątem nowoczesnych wyświetlaczy i renderowania tekstu.

Wytyczne APCA możesz włączać i wyłączać, zaznaczając pole wyboru w sekcji Ustawienia > Preferencje > Elementy > Włącz wytyczne APCA dotyczące kontrastu.

Klient użytkownika w trybie urządzenia dynamicznego

Tryb urządzenia elastycznego wcześniej używał zakodowanego na stałe ciągu User Agent (Android 6.0; Nexus 5). Powodowało to pogorszenie działania nowoczesnych witryn lub włączanie trybów zgodności, ponieważ zgłaszany system operacyjny był rozpoznawany jako starszy niż 10 lat.

Zakodowany na stałe ciąg znaków agenta użytkownika został zastąpiony dynamiczną heurystyką, która automatycznie aktualizuje się na podstawie bieżącego roku kalendarzowego. Dzięki temu Narzędzia deweloperskie zawsze zgłaszają prawdopodobne, nowoczesne środowisko bez konieczności ręcznej konserwacji.

Inne ciekawe pozycje w menu

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

• Konsola: na pasku narzędzi panelu Konsola dodaliśmy przycisk przełączania Zwiń / Rozwiń wszystko, który umożliwia szybkie rozwijanie i zwijanie wszystkich aktywnych grup konsoli i śladów stosu jednocześnie. (427657550)
• Aplikacja: w widoku metadanych aplikacji klikalne hiperlinki zastąpiły statyczny tekst w polach zasobników pamięci. Kliknięcie linku do zasobnika powoduje automatyczne przejście do tego zasobnika i jego wyróżnienie w panelu bocznym Zasobniki pamięci. (435311130)
• Aplikacja: przywróciliśmy pełną obsługę sprawdzania pamięci w przypadku Service Workerów po rozwiązaniu problemu z regresją powodującą awarię. (406991275, 466134219)
• Aplikacja: dodano obsługę sprawdzania zdarzeń form_submission renderowania wstępnego w panelu wstępnego wczytywania. (346555939, 488078903)
• Aplikacja: wdrożono zarządzanie danymi uwierzytelniającymi sesji powiązanych z urządzeniem (DBSC), co umożliwia deweloperom czyszczenie lub usuwanie aktywnych sesji z menu kontekstowego lub przez naciśnięcie klawiszy Delete lub Backspace. (471017387)
• Elementy: wyróżnienia węzłów DOM reprezentujących ukryte problemy w panelu Problemy są teraz dynamicznie aktualizowane (pojawiają się lub znikają) w odpowiedzi na działania związane z filtrowaniem problemów. (40272723)
• Sieć: zdarzenia wysyłane przez serwer (SSE) są teraz w pełni serializowane i uwzględniane w eksportach HAR, co umożliwia zapisywanie i ponowne importowanie do Narzędzi deweloperskich ciągłych, strumieniowych przechwytywań zdarzeń na żywo. (494294071)
• Skuteczność: poprawiliśmy śledzenie Core Web Vitals w widoku danych na żywo, aby przypisywać śledzenie wyłącznie do głównego kontekstu wykonania ramki, co zapobiega resetowaniu danych przez dynamiczne zmiany w iframe. (494350655)
• Wydajność: zaktualizowaliśmy web-vitals do wersji 5.2.0, wprowadzając natywne poprawki upstreamowe dotyczące wycieków pamięci podczas monitorowania INP. (484342204)