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

Matthias Rohmer

Opublikowano: 2 czerwca 2026 r.

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

Narzędzia deweloperskie dla agentów

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 widoczne na stronie: strony mogą teraz definiować niestandardowe narzędzia do debugowania za pomocą JavaScript, 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 obsługę nagłówków HTTP (takich jak tokeny autoryzacji lub niestandardowe ciągi User-Agent) do narzędzia do emulacji.

Narzędzia innych firm i debugowanie WebMCP są nadal w fazie eksperymentalnej i nie są domyślnie włączone. Informacje o narzędziach WebMCP znajdziesz w dokumentacji narzędzia . Więcej informacji o narzędziach innych firm znajdziesz w naszej dokumentacji.

Najnowsze informacje o Narzędziach deweloperskich dla agentów oraz możliwość współtworzenia znajdziesz w repozytorium GitHub. Zacznij korzystać z naszej dokumentacji lub zapoznaj się z kompleksową sesją wideo Google I/O Supercharge your AI coding workflow with Chrome DevTools for agents.

Pomoc AI

Panel Pomoc AI został znacznie zaktualizowany pod kątem interfejsu użytkownika i zawiera nowe narzędzia, które ułatwiają prowadzenie rozmów i zapewniają bardziej szczegółowe informacje o stronie:

• Przewodnik dla agenta: pomoc AI renderuje teraz widżety bezpośrednio w interfejsie czatu zamiast zwykłego tekstu Markdown. Te widżety obejmują podstawowe wskaźniki internetowe i powiązane statystyki, elementy LCP, podział LCP, aktywność wątku od dołu do góry i inne. Link Pokaż w widżecie przenosi Cię do źródła tych informacji w Narzędziach deweloperskich.
• Kopiuj do agenta kodowania: rozmowy kończą się teraz specjalnym przyciskiem, który umożliwia skopiowanie rozmowy w postaci podsumowania lub dosłownego tekstu, aby wkleić ją do wybranego agenta kodowania.
• Ulepszone możliwości: pomoc AI ma teraz dostęp do Lighthouse i powiązanych statystyk, co pozwala jej na kompleksową analizę strony i udzielanie ukierunkowanych porad.
• Ulepszone odpowiedzi: pomoc AI korzysta z Gemini 3 i ulepszonych wstępów, dzięki czemu udziela bardziej zwięzłych i przydatnych odpowiedzi.
• Ulepszona nawigacja: możesz teraz poruszać się po poprzednich promptach czatu za pomocą klawiszy Strzałka w górę i Strzałka w dół, co umożliwia szybkie i intuicyjne dopracowywanie lub ponowne uruchamianie poprzednich zapytań.

W Chrome 152 wycofamy obsługę automatycznych poprawek stylów za pomocą pomocy AI na rzecz opcji Kopiuj do agenta kodowania. Podziel się swoją opinią na temat tego planu w specjalnym raporcie o błędach

WebMCP

Ta wersja wprowadza eksperymentalne narzędzia do debugowania WebMCP na pasku bocznym panelu 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;
• śledzenie i filtrowanie aktywnych lub oczekujących zdarzeń wywołania narzędzia;
• monitorowanie stanu wykonania i sprawdzanie ładunków zwrotnych.

WebMCP to proponowany standard internetowy we wczesnej 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 CSS

Karta Style zawiera teraz uzupełnianie kodu CSS za pomocą Gemini, które bazuje na obsłudze paneli Konsola i Źródła. Włącz sugestie dotyczące kodu w Ustawienia > Innowacje w zakresie 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. Umożliwia też szybkie tworzenie układów siatki i flex, które opierają się na wielu powiązanych właściwościach.

Pasek narzędzi u dołu karty Style wyświetla stan za pomocą wskaźnika ładowania. Sugestie są aktualizowane lub usuwane podczas 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 zaawansowanego algorytmu 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ć za pomocą pola wyboru w sekcji Ustawienia > Preferencje > Elementy > Włącz wytyczne dotyczące kontrastu APCA.

Klient użytkownika w trybie urządzenia dynamicznego

Tryb urządzenia responsywnego używał wcześniej zakodowanego na stałe ciągu User-Agent (Android 6.0; Nexus 5). Powodowało to, że nowoczesne witryny internetowe pogarszały funkcjonalność lub uruchamiały tryby zgodności, ponieważ zgłaszany system operacyjny był rozpoznawany jako starszy niż 10 lat.

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

Inne ciekawe pozycje w menu

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

• Konsola: dodaliśmy przycisk Zwiń / Rozwiń wszystko na pasku narzędzi panelu Konsola aby szybko rozwijać i zwijać wszystkie aktywne grupy konsoli i ślady stosu. (427657550)
• Aplikacja: statyczny tekst w polach zasobników pamięci w widoku metadanych aplikacji został zastąpiony hiperlinkami, które można kliknąć. Kliknięcie linku do zasobnika powoduje automatyczne przejście do tego zasobnika i jego wyróżnienie w panelu bocznym Zasobniki pamięci. (435311130)
• Aplikacja: po rozwiązaniu regresji awarii ponownie włączyliśmy pełną obsługę sprawdzania pamięci w przypadku Service Workerów. (406991275, 466134219)
• Aplikacja: dodaliśmy obsługę sprawdzania zdarzeń wstępnego renderowania form_submission w panelu Wstępne wczytywanie. (346555939, 488078903)
• Aplikacja: wdrożyliśmy 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 klawisza Delete lub Backspace. (471017387)
• Elementy: wyróżnienia węzłów DOM reprezentujących ukryte problemy w panelu Problemy są teraz dynamicznie aktualizowane (pojawiają się i 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 strumieni zdarzeń na żywo. (494294071)
• Wydajność: naprawiliśmy śledzenie podstawowych wskaźników internetowych w widoku Statystyki na żywo, aby śledzenie było ograniczone do kontekstu wykonania ramki głównej, co zapobiega resetowaniu statystyk przez dynamiczne zmiany iframe. (494350655)
• Wydajność: zaktualizowaliśmy web-vitals do wersji 5.2.0, wprowadzając natywne poprawki dotyczące wycieków pamięci podczas monitorowania INP. (484342204)