Nowości w Narzędziach deweloperskich w Chrome 126

Sofia Emelianova
Sofia Emelianova
GitHub

Ulepszenia panelu wydajności

Ta wersja wprowadza kilka ulepszeń w panelu Wydajność.

Przenoszenie i ukrywanie ścieżek w zaktualizowanym trybie konfiguracji ścieżek

Aby przejść do trybu konfiguracji ścieżki, kliknij prawym przyciskiem myszy nazwę ścieżki i wybierz Skonfiguruj ścieżki. Przycisk edycji, który wymagał dodatkowego miejsca, został usunięty.

Przed i po zastąpieniu przycisku edycji opcją menu.

Tryb konfiguracji ścieżki umożliwia zmianę kolejności ścieżek i ich ukrywanie. Kliknij w górę lub w dół, aby przenieść ścieżkę, lub kliknij , aby ją ukryć. Aby wyjść z trybu konfiguracji, u dołu kliknij Zakończ konfigurowanie ścieżek. Ta konfiguracja jest zachowywana w przypadku nowych śladów, ale nie w przypadku kolejnych sesji Narzędzi deweloperskich.

Problem w Chromium: 336266699.

Ignorowanie skryptów na wykresie płomieniowym

Wykres płomieniowy na ścieżce Głównej obsługuje teraz listę ignorowanych. Możesz teraz kliknąć skrypt na wykresie prawym przyciskiem myszy i wybrać Dodaj skrypt do listy ignorowanych.

Opcja menu umożliwiająca dodanie skryptu do listy ignorowanych, skrypty oznaczone jako ignorowane i odpowiednie reguły w Ustawieniach.

Wykres zwija ignorowane skrypty, oznacza je jako Na liście ignorowanych i dodaje je do niestandardowych reguł wykluczania w  Ustawienia > Lista ignorowanych. Zignorowane skrypty są zapisywane, dopóki nie usuniesz ich ze śladu lub z niestandardowych reguł wykluczania.

Problem w Chromium: 336266714.

20-krotne ograniczenie wykorzystania procesora

Menu ograniczania procesora w ustawieniach przechwytywania w panelu Wydajność zawiera nową opcję 20-krotnego spowolnienia. Dzięki temu możesz dokładniej odtwarzać i analizować problemy z wydajnością w rzeczywistych warunkach, nawet na komputerach z wyższej półki.

Przed i po dodaniu opcji „20x slowdonw” do „Ustawień przechwytywania”.

Problem w Chromium: 324978881.

Wycofanie panelu Statystyki wydajności

Eksperymentalny panel Statystyki wydajności zostanie wycofany w 2024 r. Zespół Narzędzi deweloperskich pracuje nad zintegrowaniem najbardziej przydatnych funkcji z panelem Wydajność. W panelu Statystyki skuteczności u góry wyświetla się teraz baner z informacją o nadchodzącym wycofaniu.

Baner z ostrzeżeniem o wycofaniu w panelu „Statystyki wydajności”.

Więcej informacji znajdziesz w artykule Narzędzia do pomiaru skuteczności w 2024 roku i później.

Jeśli masz jakieś uwagi dotyczące tego, co działa, co nie działa i co Twoim zdaniem można zrobić lepiej, skontaktuj się z nami.

Wklej całe ciągi nagłówka, aby je zastąpić.

Podczas zastępowania nagłówków możesz teraz wkleić cały ciąg nagłówka (HEADER_NAME: VALUE), a Narzędzia deweloperskie podzielą go w miejscu : na nazwę nagłówka i jego wartość.

Zobacz, jak to działa, na poniższym filmie.

Podczas edytowania nagłówków panel Sieć ostrzega teraz, jeśli wpiszesz znaki inne niż alfanumeryczne, łączniki i znaki podkreślenia.

Ostrzeżenie obok nazwy nagłówka zawierającej nieobsługiwane znaki.

Dodatkowo opcje menu zastępowania i przyciski Edytuj są wyłączone w przypadku adresów URL chrome://, co jest zgodne z zamierzonym działaniem.

Problemy z Chromium: 330967147, 337012362, 328210785.

Wyszukiwanie nadmiernego wykorzystania pamięci za pomocą nowych filtrów w zrzutach sterty

Zrzuty sterty w panelu Pamięć mają nowe filtry, które pomagają znajdować typowe przypadki nieefektywnego wykorzystania pamięci, takie jak zduplikowane ciągi znaków, obiekty zachowane przez odłączone węzły DOM i konsolę Narzędzi deweloperskich.

Przed i po dodaniu opcji filtrowania w typowych przypadkach nieefektywnego wykorzystania pamięci.

Problem w Chromium: 337094903.

Sprawdzanie zasobników pamięci masowej w sekcji Aplikacja > Pamięć masowa

Możesz teraz sprawdzać zasobniki pamięci w specjalnym drzewie w sekcji Aplikacja > Pamięć. To drzewo, które wcześniej było eksperymentalne, zostało domyślnie włączone.

Przed i po włączeniu drzewa zasobników na dane w sekcji Pamięć.

Problem w Chromium: 338094915.

Wyłączanie ostrzeżeń o self-XSS za pomocą flagi wiersza poleceń

Jeśli automatyzujesz korzystanie z Chrome lub otwierasz Narzędzia deweloperskie z wiersza poleceń w celu debugowania, często chcesz wyłączyć ostrzeżenie o self-XSS, które pojawia się w każdej nowej sesji Narzędzi deweloperskich.

Okno ostrzeżenia o ataku typu self-xss w konsoli.

Możesz teraz wyłączyć to okno, przekazując do Chrome --unsafely-disable-devtools-self-xss-warnings flagę wiersza poleceń.

Problem w Chromium: 41491762.

Lighthouse 12.0.0

Panel Lighthouse działa teraz w wersji 12.0.0.

Ta aktualizacja wprowadza szereg zmian, w tym usunięcie kategorii PWA, reorganizację kategorii SEO, wycofanie ogólnych oszczędności, nowe audyty i zmiany w audytach. Zobacz pełną listę zmian.

Podstawowe informacje o korzystaniu z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.

Problem w Chromium: 772558.

Różne wyróżnione informacje

Oto kilka ważnych poprawek i ulepszeń w tej wersji:

  • Skuteczność:
    • Ustawienia powolnego przechwytywania (Pokaż zaawansowaną instrumentację renderowania i Włącz statystyki selektora CSS) są teraz automatycznie czyszczone w następnej sesji Narzędzi deweloperskich.
    • Karta Statystyki selektora nie przewija się już automatycznie do dołu podczas powiększania wykresu płomieniowego i zmiany danych (337999939).
  • Konsola: skrót Ctrl+` zamyka teraz Konsolę w szufladzie tylko wtedy, gdy jest ona aktywna (40875466, 328210785).
  • Autouzupełnianie: poprawiono analizowanie adresu (335409093, 335409707).
  • Ułatwienia dostępu: poprawiliśmy odczytywanie przez czytnik ekranu zlokalizowanych ciągów znaków (324930007).

Pobieranie kanałów podglądu

Rozważ używanie Chrome w wersji Canary, deweloperskiej lub beta jako domyślnej przeglądarki do programowania. Te kanały wersji testowych zapewniają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i pomagają znajdować problemy w witrynie, zanim zrobią to użytkownicy.

Kontakt z zespołem Narzędzi deweloperskich w Chrome

Skorzystaj z tych opcji, aby porozmawiać o nowych funkcjach, aktualizacjach lub innych kwestiach związanych z Narzędziami deweloperskimi.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omówionych w serii Nowości w Narzędziach deweloperskich.