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

Matthias Rohmer

Opublikowano: 5 maja 2026 r.

Chrome 148 domyślnie używa pełnego drzewa ułatwień dostępu, wprowadza szczegóły pochodzenia reklam w dymkach, ulepsza debugowanie reguł spekulacji i dodaje nowe widoki diagnostyczne raportów o awariach.

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

Serwer i interfejs wiersza poleceń MCP Narzędzi deweloperskich w Chrome zostały zaktualizowane do wersji 0.25.0 i zawierają kilka nowych funkcji. Ta wersja zawiera też różne poprawki dotyczące niezawodności, takie jak automatyczna obsługa okien dialogowych przeglądarki, aby zapobiegać przerwaniu skryptu podczas wykonywania narzędzia.

Kluczowe funkcje dodane od czasu ostatniej aktualizacji:

• Debugowanie rozszerzeń Chrome: pracownicy obsługi klienta mogą teraz debugować rozszerzenia Chrome, co pozwala im bezpośrednio sprawdzać strony i skrypty działające w tle.
• Wywoływanie narzędzi WebMCP: nowe eksperymentalne narzędzia umożliwiają pracownikom obsługi klienta wyświetlanie i wykonywanie narzędzi WebMCP udostępnianych przez strony internetowe.
• Przeglądanie przez agenta w Lighthouse: nowa kategoria audytu „Przeglądanie przez agenta” ocenia, czy witryna jest zoptymalizowana pod kątem sieci agentów, np. przez sprawdzanie rejestracji narzędzi WebMCP.

Aby zacząć korzystać z tych i innych funkcji, zapoznaj się z repozytorium GitHub ze szczegółowymi informacjami o wersji.

Domyślnie pełne drzewo ułatwień dostępu

Pełne drzewo ułatwień dostępu oficjalnie wychodzi z fazy eksperymentalnej i pozostaje domyślnym widokiem w panelu Elementy. W związku z tym przejściem starsze drzewo ułatwień dostępu w stylu ścieżki nawigacji zostało usunięte z kodu źródłowego na rzecz tego bardziej kompleksowego widoku.

Aby uprościć interfejs, Chrome 148 usuwa pływający przycisk działania, który był wcześniej używany do przełączania się między drzewami DOM i ułatwień dostępu. Możesz teraz przełączać widoki za pomocą specjalnego przełącznika znajdującego się na karcie Ułatwienia dostępu na pasku bocznym.

Problemy z Chromium: 40808541

Ulepszenia ładowania spekulacyjnego

Sekcja Ładowanie spekulacyjne została rozbudowana, aby ułatwić debugowanie wstępnego wczytywania:

• Filtrowanie tekstu: możesz teraz filtrować listę reguł i prób za pomocą tekstu dowolnego lub filtrów z kluczami (np. url:, status:).
• Kody stanu HTTP: w przypadku nieudanych prób rzeczywisty kod stanu HTTP (np. 404 lub 503) jest teraz wyświetlany bezpośrednio w siatce.
• Przesyłanie formularzy: panel wyraźnie identyfikuje i wyświetla form_submission jako wyzwalacz wstępnego wczytywania.

Problemy z Chromium: 479524246, 40926909

To wkład społeczności. Dziękujemy @hjanuschka!

Kontekst raportu o awarii

Nowa sekcja Raporty o awariach na pasku bocznym panelu Aplikacja umożliwia sprawdzanie raportów o awariach generowanych przez przeglądarkę. W przypadku każdego raportu Narzędzia deweloperskie wyświetlają teraz szczegółową siatkę Kontekst zawierającą atrybuty klucz-wartość związane z awarią, co ułatwia powiązanie awarii z określonymi stanami lub konfiguracjami ramek.

Problemy z Chromium: 400432195

Zapytania @container tylko z nazwą

Narzędzia deweloperskie obsługują teraz zapytania @container tylko z nazwą. Wcześniej zapytania bez deskryptora (np. @container sidebar) mogły nie być prawidłowo odzwierciedlane na karcie Style. Są one teraz prawidłowo renderowane i można je połączyć w sekcji właściwości stylu.

Zwinięte sekcje, które nie mają wpływu

Aby zmniejszyć bałagan, karta Style automatycznie zwija sekcje, które nie zawierają żadnych aktywnych deklaracji. Reguły, które są puste lub zawierają tylko przeciążone właściwości (zastąpione przez inne reguły), będą domyślnie zwinięte, a sekcje z wyłączonymi właściwościami pozostaną rozwinięte, aby ułatwić debugowanie.

Problemy z Chromium: 40287550, 351662727

Kolejność żądań i zalecane ograniczanie przepustowości

• Kolumna Numer żądania: do panelu Sieć możesz teraz dodać opcjonalną kolumnę Numer żądania. Ta kolumna wyświetla bezwzględną kolejność, w jakiej zainicjowano żądania, i obsługuje sortowanie.
• Zalecane ograniczanie przepustowości: menu ograniczania przepustowości w panelu Sieć wyróżnia teraz zalecane ustawienia wstępne na podstawie rzeczywistych danych z pola (CrUX) od użytkowników Twojej witryny, co sprawia, że jest ono zgodne z zaleceniami, które można już znaleźć w panelu Wydajność.

Problemy z Chromium: 40276422, 456383409

Pochodzenie reklam w elementach adorner

Narzędzia deweloperskie zapewniają teraz większą przejrzystość w kwestii tego, dlaczego elementy są oznaczane jako reklamy. Gdy najedziesz kursorem na element adorner reklama w panelu Elementy, pojawi się nowy dymek z informacjami o pochodzeniu reklamy.

Dymek zawiera informacje o tym, dlaczego element został zidentyfikowany jako reklama, np.:

• Pochodzenie skryptu: skrypty, które brały udział w tworzeniu elementu.
• Reguły listy filtrów: konkretna reguła z listy filtrów (np. EasyList) która pasowała do elementu lub wczytanego przez niego zasobu.

Pomaga to deweloperom i badaczom zajmującym się ochroną prywatności zrozumieć, dlaczego reklamy są oznaczane, i ułatwia debugowanie fałszywych alarmów.

Problemy z Chromium: 490029725, 495842556

Inne ciekawe pozycje w menu

• Emulacja: naprawiliśmy długotrwały błąd, który powodował, że robienie zrzutów ekranu całej strony czasami pozostawiało widoczny obszar w stanie "wycieku" lub uszkodzenia (495385035).
• WebAuthn: dodaliśmy obsługę testowania hmac-secret i hmac-secret-mc rozszerzeń za pomocą wirtualnych uwierzytelniaczy (420689820).
• Pamięć: ulepszyliśmy informacje zwrotne podczas ręcznego wywoływania czyszczenia pamięci za pomocą nowego powiadomienia w postaci paska (493708151).
• Sprawdzanie obiektów: usunęliśmy eksperyment show-option-to-expose-internals-in-heap-snapshot; pole wyboru jest teraz domyślnie widoczne (497855658).