Nowości w Narzędziach deweloperskich w Chrome 126

Sofia Emelianova
Sofia Emelianova
GitHub

Ulepszenia panelu wydajności

W tej wersji wprowadziliśmy kilka ulepszeń w panelu Skuteczność.

Przenoszenie i ukrywanie ścieżek ze zaktualizowanym trybem konfiguracji ścieżki

Możesz teraz włączyć tryb konfiguracji ścieżki, klikając prawym przyciskiem myszy nazwę ścieżki i wybierając Skonfiguruj ścieżki. Usunęliśmy przycisk edycji, który wymagał więcej miejsca.

Elementy „przed” i „po nim” zastępujące przycisk edycji jedną z opcji menu.

Tryb konfiguracji ścieżki pozwala zmieniać kolejność ścieżek i je ukrywać. Kliknij arrow_upward w górę lub arrow_downward w dół, aby przenieść ścieżkę, lub kliknij visibility_off, aby ukryć. Aby wyjść z trybu konfiguracji, u dołu kliknij Zakończ konfigurowanie ścieżek. Ta konfiguracja będzie obowiązywać w przypadku nowych logów czasu, ale nie dla kolejnych sesji Narzędzi deweloperskich.

Problem z Chromium: 336266699.

Ignoruj skrypty na wykresie płomieniowym

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

Opcja menu umożliwiająca dodanie skryptu do listy ignorowanych, skryptów oznaczonych jako ignorowane oraz odpowiadające im reguły w Ustawieniach.

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

Problem z Chromium: 336266714.

20 razy zmniejsz wykorzystanie procesora

W menu ograniczania CPU w Ustawieniach przechwytywania w panelu Wydajność pojawi się nowa opcja 20-krotne spowolnienie. Dzięki temu można teraz dokładniej odtwarzać i analizować rzeczywiste problemy z wydajnością, nawet na zaawansowanych komputerach.

Przed i po dodaniu „20x polldonw” w sekcji „Ustawienia przechwytywania”.

Problem z Chromium: 324978881.

Panel ze statystykami wydajności zostanie wycofany

Eksperymentalny panel Statystyki skuteczności zostanie wycofany w 2024 r. Zespół Narzędzi deweloperskich pracuje nad zintegrowaniem najbardziej przydatnych funkcji z panelem Skuteczność. U góry panelu Statystyki skuteczności wyświetla się teraz baner informujący o zbliżającym się wycofaniu.

Baner ostrzegawczy o wycofaniu na stronie „Statystyki skuteczności” panel.

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

Jeśli chcesz podzielić się opinią na temat tego, co działa, a co nie, a co można by zrobić lepiej, chętnie się z nami skontaktujesz.

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 w miejscu : podzielą ciąg znaków na nazwę nagłówka i jego wartość.

Zobacz, jak to działa w praktyce w tym filmie.

Podczas edytowania nagłówków panel Sieć ostrzega teraz o wprowadzeniu znaków innych niż alfanumeryczne, łączniki i podkreślenia.

Ostrzeżenie obok nazwy nagłówka z nieobsługiwanymi znakami.

Dodatkowo opcje menu i przycisk Edytuj są wyłączone w przypadku adresów URL typu chrome://, co odpowiada zamierzonemu działaniu.

Problemy z Chromium: 330967147, 337012362, 328210785.

Znajdowanie nadmiernego wykorzystania pamięci dzięki nowym filtrom w zrzutach stosu

Zrzuty stosu w panelu Pamięć mają nowe filtry pomagające wykrywać typowe przypadki niewydajnego wykorzystania pamięci, takie jak zduplikowane ciągi znaków, obiekty przechowywane w odłączonych węzłach DOM czy konsoli Narzędzi deweloperskich.

Dodano opcje filtra „przed” i „po” odnoszące się do typowych przypadków niewydajnego wykorzystania pamięci.

Problem z Chromium: 337094903.

Sprawdź zasobniki na dane w sekcji Aplikacja > Miejsce na dane

Możesz teraz sprawdzać zasobniki na dane w specjalnym drzewie w obszarze Aplikacja > Miejsce na dane. To drzewo, które wcześniej było eksperymentalne, było domyślnie włączone.

Drzewo zasobników na dane przed włączeniem i po jego włączeniu w sekcji Miejsce na dane.

Problem z Chromium: 338094915.

Wyłącz ostrzeżenia własny XSS za pomocą flagi wiersza poleceń

Jeśli automatyzujesz korzystanie z Chrome lub w inny sposób otworzysz Narzędzia deweloperskie z poziomu wiersza poleceń na potrzeby debugowania, często warto wyłączyć ostrzeżenie o XSS, które pojawia się w każdej nowej sesji Narzędzi deweloperskich.

Okno z ostrzeżeniem o samodzielnym XSSS w konsoli.

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

Problem z Chromium: 41491762.

Lighthouse 12.0.0

Panel Lighthouse korzysta teraz z Lighthouse w wersji 12.0.0.

Ta aktualizacja wprowadza szereg zmian, takich jak usunięcie kategorii PWA, reorganizacja kategorii SEO, wycofanie ogólnych oszczędności, nowe kontrole i zmiany w kontroli. Zobacz pełną listę zmian.

Podstawowe informacje na temat korzystania z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.

Problem z Chromium: 772558.

Różne wyróżnienia

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

  • Skuteczność:
    • Ustawienia powolnego przechwytywania (Włącz zaawansowaną instrumentację renderowania i Włącz statystyki selektora arkusza CSS) są teraz automatycznie usuwane w następnej sesji Narzędzi deweloperskich.
    • Karta Statystyki selektora nie przewija się teraz automatycznie w dół podczas powiększania wykresu płomieniowego i zmian danych (337999939).
  • Konsola: skrót Ctrl + Ctrl zamyka konsolę w panelu tylko wtedy, gdy jest aktywna (40875466, 328210785).
  • Autouzupełnianie: analizowanie adresu zostało naprawione (335409093, 335409707).
  • Ułatwienia dostępu: komunikaty czytnika ekranu w przypadku zlokalizowanych ciągów są poprawione (324930007).

Pobierz kanały podglądu

Zastanów się, czy nie ustawić Chrome w wersji Canary, Dev lub beta jako domyślnej przeglądarki do programowania. Te kanały wersji testowej dają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i wykrywanie problemów w witrynie, zanim użytkownicy ją zobaczą.

Kontakt z zespołem ds. Narzędzi deweloperskich w Chrome

Skorzystaj z poniższych opcji, aby porozmawiać o nowych funkcjach i zmianach w poście lub o innych kwestiach związanych z Narzędziami deweloperskimi.

  • Prześlij nam sugestię lub opinię na crbug.com.
  • Aby zgłosić problem z Narzędziami deweloperskimi, kliknij Więcej opcji   Więcej > Pomoc > Zgłoś problemy z Narzędziami deweloperskimi w Narzędziach deweloperskich.
  • Opublikuj tweeta na stronie @ChromeDevTools.
  • Napisz komentarz w filmach w YouTube o nowościach w Narzędziach deweloperskich lub o filmach w YouTube ze wskazówkami dotyczącymi Narzędzi deweloperskich.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów, które zostały omówione w serii Co nowego w Narzędziach deweloperskich.