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

Matthias Rohmer

Opublikowano: 5 maja 2026 r.

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

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

Serwer MCP i interfejs CLI narzędzi deweloperskich 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, która 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” sprawdza, czy witryna jest zoptymalizowana pod kątem sieci agentów, np. przez weryfikację rejestracji narzędzi WebMCP.

Aby zacząć korzystać z tych i innych funkcji, zapoznaj się z repozytorium GitHub, w którym znajdziesz szczegółowe informacje o wersji.

Domyślne 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 tą zmianą starsze drzewo ułatwień dostępu w stylu ścieżki nawigacyjnej 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. Teraz możesz 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 ładowania:

• Filtrowanie tekstu: możesz teraz filtrować listę reguł i prób za pomocą tekstu dowolnego lub filtrów z kluczem (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 ładowania.

Problemy z Chromium: 479524246, 40926909

To była praca 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

• 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: menu ograniczania 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ę nowa podpowiedź z informacjami o pochodzeniu reklamy.

Podpowiedź 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 programistom i badaczom prywatności zrozumieć, dlaczego reklamy są oznaczane, oraz 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 obszar widoczny 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 odśmiecania pamięci za pomocą nowego powiadomienia w postaci paska informacyjnego (493708151).
• Sprawdzanie obiektów: usunęliśmy eksperyment show-option-to-expose-internals-in-heap-snapshot; pole wyboru jest teraz domyślnie widoczne (497855658).