Nowości w Narzędziach deweloperskich – listopad 2026 r.

Matthias Rohmer

Opublikowano: 20 października 2026 r.

Wersje stabilne Chrome 155 i Chrome 156 zostały udostępnione w październiku, a w listopadzie wprowadziliśmy w przeglądarce nowy zestaw funkcji debugowania i tworzenia: sprawdzanie stylu CSS w Narzędziach deweloperskich dla agentów, interaktywny edytor position-area do pozycjonowania zakotwiczenia CSS w Elementach oraz diagnostykę manifestu instalacji internetowej i pochodzenia reklam w Aplikacji. Możesz też wykrywać nieużywane zmienne kontekstowe w panelu Pamięć, sprawdzać ostrzeżenia dotyczące wstępnego wczytywania Early Hints i trwałe zastąpienia w panelu Sieć oraz płynniej poruszać się po osiach czasu w panelu Wydajność.

Narzędzia deweloperskie dla agentów

Serwer MCP Narzędzi deweloperskich w Chrome dodaje inspekcję stylów CSS, obsługę plików konfiguracji i analizę fragmentów logów czasu dla agentów kodowania:

• Inspekcja stylów CSS: sprawdzaj obliczone i dopasowane style za pomocą narzędzia get_css_styles, które obsługuje podział na strony (pageSize i pageIdx) oraz formatuje dopasowane reguły, reguły dziedziczone, pseudoelementy, @keyframes i reguły @ (@position-try, @property i @function).
• Plik konfiguracji i elementy sterujące ścieżką: zarządzaj flagami serwera za pomocą dedykowanego pliku konfiguracji, konfiguruj niestandardowe katalogi główne systemu plików i używaj domyślnie --allow-unrestricted-paths w interfejsie wiersza poleceń.
• Analiza bufora śledzenia podzielonego na fragmenty: analizuj duże nagrania wydajności za pomocą parsera bufora śledzenia podzielonego na fragmenty i domyślnego bufora śledzenia o rozmiarze 1,2 GB. Narzędzia deweloperskie określają też zakres instancji silnika śledzenia na potrzeby analizy, aby zapobiec wyciekom pamięci.
• Obsługa okien dialogowych i trwałość konsoli: automatycznie obsługuj okna dialogowe JavaScript wywoływane podczas działań narzędzi do wprowadzania tekstu i zachowuj historię komunikatów konsoli podczas nawigacji w tym samym dokumencie.
• Aktualizacja menu: kliknij Pobierz Narzędzia deweloperskie w Chrome dla agentów w menu głównym Narzędzi deweloperskich, aby otworzyć instrukcje konfiguracji.

Więcej informacji znajdziesz w repozytorium chrome-devtools-mcp.

Elementy: wizualny edytor obszaru pozycji, niejawny wybór kotwicy i aktualizacje tworzenia CSS

W panelu Elementy wprowadzono narzędzia wizualne do pozycjonowania zakotwiczonego CSS i rozszerzono kontrolę CSS:

• Wizualny edytor position-area: kliknij próbkę obok deklaracji position-area na karcie Style, aby wizualnie wybrać regiony siatki zakotwiczenia, skonfigurować osie jednocześnie lub osobno, przełączyć słowo kluczowe self i skrócić słowa kluczowe bez osi.
• Niejawny wybór kotwicy w przypadku elementów ozdobnych wyskakujących okienek: kliknij prawym przyciskiem myszy element ozdobny wyskakującego okienka w drzewie DOM, gdy element ma wiele niejawnych kotwic, aby sprawdzić dowolny powiązany element kotwicy i przejść do niego.
• Nakładka pola pozycjonowania zakotwiczonego: podczas debugowania elementów połączonych z kotwicą możesz sprawdzać marginesy, dopełnienie, obramowanie i pola zawartości bloku zawierającego zmodyfikowanego przez inset (IMCB) bezpośrednio na nakładce widocznego obszaru.
• wrap-reverse w edytorze Flexbox: przełączaj flex-wrap: wrap-reverse bezpośrednio w wizualnym edytorze Flexbox na karcie Style.
• Nieaktywne style CSS dla @starting-style i reguł dziedziczonych: sprawdzaj nieaktywne reguły @starting-style i sekcje Inherited from z zachowanymi stanami ręcznego rozwijania i zwijania między aktualizacjami.
• Właściwości niestandardowe z wieloma myślnikami i autouzupełnianie klas: sprawdzaj i edytuj właściwości niestandardowe CSS, które zaczynają się od co najmniej 3 myślników (np. ---theme-color), i odfiltrowuj już zastosowane klasy z sugestii autouzupełniania Dodaj nową klasę.

Problemy z Chromium: 553335561, 438724570, 413061413, 397184392, 539424116, 533783988

Aplikacja: diagnostyka pliku manifestu instalacji z internetu, pochodzenie reklamy i aktualizacje tabeli pamięci masowej

Panele Aplikacja i Problemy dodają diagnostykę plików manifestu instalacji z internetu, pochodzenia skryptu reklamy i kontroli pamięci:

• Diagnostyka pliku manifestu instalacji z sieci: sprawdzaj błędy pliku manifestu instalacji z sieci (navigator.install i <install>) w panelu Problemy, w tym błędy pobierania, błędy składni, nieprawidłowe wartości start_url, brakujące nazwy lub identyfikatory oraz brakujące pliki manifestu, z bezpośrednimi linkami do pliku manifestu, którego dotyczy problem.
• Dokumentacja kolumny i danych dotyczących pochodzenia reklamy: sprawdź nową kolumnę Pochodzenie reklamy w sekcji Reklamy panelu Aplikacja, aby zobaczyć, czy skrypt reklamy pasuje do łańcucha skryptów nadrzędnych lub reguły listy filtrów. Znajdziesz tam też etykietki z dokumentacją i linki Więcej informacji dotyczące danych o reklamach.
• Ergonomia tabel IndexedDB i plików cookie: rozwijaj zagnieżdżone obiekty w siatce danych IndexedDB z dynamicznymi wysokościami wierszy, które zachowują pozycję przewijania, i usuwaj wybrane wiersze w tabeli Pliki cookie za pomocą klawiatury lub menu kontekstowego.

Problemy z Chromium: 333795265, 553428200, 514957134, 555304817, 555304814, 562142155

Sieć: ostrzeżenia dotyczące wstępnego wczytywania Early Hints i trwałe zastąpienia

Panel Sieć ulepsza diagnostykę Early Hints, lokalne zastąpienia i niestandardowe przepływy pracy nagłówków:

• Ostrzeżenie o wstępnym ładowaniu na podstawie wczesnych wskazówek, gdy pamięć podręczna jest wyłączona: gdy odpowiedzi 103 Early Hints zawierają linki do wstępnego ładowania, a opcja Wyłącz pamięć podręczną jest aktywna, w sekcji nagłówków Wczesne wskazówki wyświetla się ostrzeżenie wyjaśniające, dlaczego Chrome ignoruje te wstępne ładowania.
• Trwałe lokalne zastąpienia i niestandardowe kolumny nagłówków: wyświetlaj lokalne zastąpienia treści odpowiedzi podczas nawigacji na stronie, zachowuj niestandardowe konfiguracje kolumn nagłówków żądań i nagłówków odpowiedzi oraz kolejność sortowania podczas ponownego ładowania, a także kopiuj skrócone nieprzetworzone ładunki żądań z menu kontekstowego.

Problemy z Chromium: 548701038, 559925510, 563542902, 556269542, 377410082

Pamięć: wykrywanie nieużywanych pól kontekstu w zrzutach sterty

Panel Pamięć wykrywa teraz nieużywane zmienne zamknięcia, które pozostają zachowane w kontekstach wykonywania V8. Narzędzia deweloperskie analizują metadane zakresu V8 umieszczone w zrzutach sterty, aby powiązać domknięcia z udostępnionymi obiektami Context. Następnie wyróżnia nieużywane pola kontekstu, które są utrzymywane przez powiązane długotrwałe zamknięcia, gdy nie ma do nich dostępu żadne aktywne zamknięcie. Pola są posortowane według wpływu na pamięć.

Problemy z Chromium: 497855658

Wydajność: płynniejsze poruszanie się po osi czasu i zachowany stan drzewa wywołań

Panel Wydajność zapewnia bardziej elastyczną nawigację po wykresie płomieniowym i zachowuje kontekst analizy w różnych panelach:

• Płynniejsze poruszanie się po osi czasu: powiększanie, przesuwanie i przeciąganie minimapy osi czasu nie powoduje już opóźnień.
• Zachowany stan drzewa wywołań i analizy oddolnej: przełączaj się między panelami Narzędzi deweloperskich bez utraty rozwiniętych węzłów, zaznaczenia ani pozycji przewijania na kartach Drzewo wywołań i Analiza oddolna.

Problemy z Chromium: 553831653, 561396590

Inne ciekawe pozycje w menu

Chrome 155 i Chrome 156 zawierają też te ulepszenia w panelach Narzędzi deweloperskich:

• Czujniki: zastąp navigator.cpuPerformance bezpośrednio z nowego elementu sterującego Poziom wydajności procesora w panelu Czujniki lub pozwól, aby odzwierciedlał aktywne ustawienia ograniczania procesora. (Problemy z Chromium: 449760252, 526856234, 526857820)
• Tryb urządzenia: zachowaj preferencje dotyczące skali i automatycznego dostosowywania powiększenia dla każdego emulowanego urządzenia i zachowaj zastąpienie Save-Data podczas przełączania paska narzędzi urządzenia. (problemy z Chromium: 561306841, 555160483)
• Selektor kolorów: wyświetlaj sugestie kolorów kontrastowych APCA dla jasnego tekstu na ciemnym tle i konwertuj kolory spoza gamy na oklab() i oklch() bez wartości NaN. (problemy z Chromium: 560325669, 558821258)
• Ułatwienia dostępu: aktywne przełączniki filtrów wyrażeń regularnych są teraz oznaczane kropką, która nie jest kolorowa. Czytniki ekranu odczytują nazwy właściwości czcionek w Przeglądzie CSS. Poprawiliśmy też pierścienie zaznaczenia klawiatury i widoczność w trybie wysokiego kontrastu w panelach. (Problemy z Chromium: 556764882, 555848535, 555599825, 553804654)

Problemy z Chromium: 449760252, 526856234, 526857820, 561306841, 555160483, 560325669, 558821258, 556764882, 555848535, 555599825, 553804654