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 opcji „20x spowolnionew” w „Ustawieniach 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 w panelu „Statystyki skuteczności”.

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 > Pamięć

Teraz możesz sprawdzać zasobniki na dane w specjalnym drzewie w sekcji Aplikacja > Pamięć wewnętrzna. 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 + ` 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.
  • Opublikuj tweeta na stronie @ChromeDevTools.
  • Napisz komentarz pod filmem dotyczącym nowości w Narzędziach deweloperskich w Narzędziach deweloperskich w YouTube lub 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.

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 został anulowany.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59