Opublikowano: 10 marca 2026 r.
Chrome 146 zapewnia lepszą obsługę arkuszy stylów w panelu Elementy, znacznie ulepsza nawigację po historii konsoli i usprawnia proces debugowania prywatności, a także wprowadza różne inne drobne poprawki i aktualizacje.
Aktualizacje serwera MCP w Narzędziach deweloperskich
Serwer MCP narzędzi deweloperskich jest teraz w wersji 0.19.0. Zawiera nowe, zaawansowane narzędzia, ulepszenia wydajności i specjalistyczne funkcje debugowania:
- Zintegrowane audyty Lighthouse: możesz teraz przeprowadzać audyty Lighthouse bezpośrednio w MCP, co umożliwia automatyczne sprawdzanie wydajności i jakości w ramach przepływów pracy agenta.
- Tryb uproszczony: dostępny jest nowy tryb
--slim, który optymalizuje opisy i parametry narzędzi, aby maksymalnie oszczędzać tokeny. - Nowe umiejętności debugowania: dodaliśmy specjalne umiejętności, które pomagają w sprawdzaniu i debugowaniu ułatwień dostępu, a także w debugowaniu i optymalizowaniu największego wyrenderowanego elementu (LCP).
- Rozszerzone narzędzia i funkcje: serwer obsługuje teraz odizolowane konteksty przeglądarki, eksperymentalne nagrywanie screencastów, nowe narzędzie
take_memory_snapshoti zaawansowane funkcje interakcji, takie jaktype_text.
Pełną listę zmian znajdziesz w publicznej historii zmian na GitHubie.
Zachowywanie zmian w historii konsoli
Rozwiązaliśmy problem, który od dawna utrudniał korzystanie z konsoli. Wcześniej, jeśli podczas edytowania polecenia pobranego z historii użytkownik opuścił stronę (naciskając strzałkę w górę lub w dół), wprowadzone zmiany były tracone.
W Chrome 146 Narzędzia deweloperskie zachowują zmiany podczas przeglądania historii poleceń. Możesz zacząć modyfikować poprzednie polecenie, wyszukać inne i wrócić do wersji roboczej bez utraty pracy.
To materiał przygotowany przez społeczność. Dziękujemy @hjanuschka!
Problem w Chromium: 355108929
Ulepszona obsługa arkuszy stylów Adopted Style Sheets
Debugowanie komponentów internetowych i nowoczesnych architektur CSS jest teraz znacznie łatwiejsze.
Arkusz stylów Adopted Style Sheets nie jest już ukryty. Jest teraz zgrupowany w węźle #adopted-style-sheets w drzewie DOM w panelu Elementy.
Możesz sprawdzać te arkusze tak samo jak standardowe <style> tagi, a nawet edytować ich reguły bezpośrednio w panelu Style. Zapewnia to równość między arkuszami stylów utworzonymi w kodzie a stylami deklaratywnymi, co upraszcza debugowanie modelu Shadow DOM, komponentów internetowych i wspólnych systemów projektowania.
Problemy z Chromium: 476399197,40802935
Obsługa gęstego układu siatki
Edytor siatki w panelu Style obsługuje teraz algorytm dense pakowania. Podczas edytowania grid-auto-flow zobaczysz nowe pole wyboru słowa kluczowego dense, które umożliwia szybkie przełączanie się między standardowym i gęstym trybem pakowania bezpośrednio w interfejsie.
To jest treść przesłana przez społeczność. Dziękujemy użytkownikowi @TheNourhan!
Problem w Chromium: 40791512
Uproszczone debugowanie prywatności
Poprzedni panel Prywatność i bezpieczeństwo został przemianowany na Bezpieczeństwo i uporządkowany, aby zmniejszyć bałagan w interfejsie i skonsolidować przepływy pracy związane z debugowaniem. Wszystkie informacje związane z prywatnością, takie jak problemy z plikami cookie innych firm i sprawdzanie potencjalnych problemów, są teraz zgłaszane bezpośrednio w Konsoli.
Dzięki tej zmianie nie musisz już przełączać się między panelami, aby diagnozować problemy z prywatnością. Pojawiają się one obok innych logów i błędów, co zapewnia natychmiastowy kontekst.
Problem w Chromium: 473796598
Różne wyróżnione informacje
- Źródła: gruntowna przebudowa architektury zrzutu stosu rozwiązuje problemy, w których późne wczytywanie map źródłowych powodowało nieoczekiwane przeskakiwanie interfejsu lub przełączanie plików.
- Sieć: wyskakujące okienko inicjatora korzysta teraz z ulepszonego systemu zrzutu stosu, co zapewnia większą niezawodność łańcuchów żądań.
Ogłoszenia dotyczące ułatwień dostępu
Ta wersja zawiera następujące ulepszenia dotyczące ułatwień dostępu:
- Rejestrator: czytniki ekranu informują teraz o włączeniu i wyłączeniu paska bocznego „Pokaż kod”.
- Aplikacja: nowe tytuły raportów „Shared Storage”, „Pamięć podręczna stanu strony internetowej” i „Ograniczanie śledzenia przekierowań” są teraz prawidłowo odczytywane jako nagłówki.
- Ustawienia: ulepszono obsługę trybu wysokiego kontrastu w przypadku elementów skrótów i przycisków kolorów.
- Ogólne: poprawiona widoczność fokusu w przypadku różnych elementów interfejsu, w tym panelu Przegląd CSS i pozycji odtwarzacza multimediów.