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 pracowników obsługi klienta

Serwer MCP i interfejs wiersza poleceń Narzędzi deweloperskich w Chrome dla pracowników obsługi klienta 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ą JavaScript, które mogą być wykrywane i wywoływane przez Narzędzia deweloperskie dla pracowników obsługi klienta.
• Debugowanie WebMCP: Narzędzia deweloperskie dla pracowników obsługi klienta 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 uwierzytelniania lub niestandardowe ciągi klienta użytkownika) 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 pracowników obsługi klienta oraz możliwość współtworzenia znajdziesz w repozytorium GitHub. Zapoznaj się z naszą dokumentacją lub obejrzyj 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 pracownika obsługi klienta: pomoc AI renderuje teraz widżety bezpośrednio w interfejsie czatu zamiast zwykłego tekstu Markdown. Te widżety obejmują Core Web Vitals i powiązane statystyki, elementy LCP, zestawienie LCP, aktywność wątku od dołu do góry i inne. Link Pokaż w widżecie przenosi do źródła tych informacji w Narzędziach deweloperskich.
• Kopiuj do pracownika obsługi klienta: rozmowy kończą się teraz specjalnym przyciskiem, który umożliwia skopiowanie rozmowy w postaci podsumowania lub dosłownego tekstu, aby można było wkleić ją do wybranego pracownika obsługi klienta.
• 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: dzięki Gemini 3 i ulepszonym wstępom pomoc AI udziela bardziej zwięzłych i praktycznych 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 ułatwia i przyspiesza doprecyzowanie lub ponowne uruchomienie poprzednich zapytań.

W Chrome 152 wycofamy obsługę automatycznych poprawek stylów za pomocą pomocy AI, na rzecz opcji Kopiuj do pracownika obsługi klienta. Podziel się swoją opinią na temat tego planu w specjalnym zgłoszeniu błędu

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 z bardziej 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 flex, korzystając z wielu powiązanych właściwości.

Pasek narzędzi u dołu karty Style wyświetla stan za pomocą wskaźnika wczytywania. 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 wyszedł z fazy eksperymentalnej 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ć lub 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ń renderowania wstępnego 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 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 strumieni zdarzeń na żywo. (494294071)
• Wydajność: naprawiliśmy śledzenie Core Web Vitals w widoku Statystyki na żywo, aby śledzenie było ściśle powiązane z kontekstem 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)