Nowości w DevTools w Chrome 138

Ulepszenia panelu wydajności

Ta wersja zawiera kilka ulepszeń panelu Wydajność.

Źródła połączone w trybie preconnect w statystykach „Drzewo zależności sieciowych”

Na karcie Skuteczność > Statystyki > Drzewo zależności sieci znajdziesz listę używanych lub nieużywanych wstępnie połączonych źródeł i kandydatów do wstępnego połączenia (jeśli występują).

Wskazówki preconnect pozwalają witrynie wcześniej nawiązywać połączenia z ważnymi źródłami w innych domenach i przyspieszać wczytywanie stron.

Więcej informacji znajdziesz w artykule Łączenie się z wymaganymi źródłami.

Czas odpowiedzi serwera i czas przekierowania w statystyce „Czas oczekiwania w przypadku żądania dokumentu”

Statystyka Skuteczność > Statystyki > Czas oczekiwania na dokument pokazuje teraz czas odpowiedzi serwera oraz (jeśli dotyczy) liczbę przekierowań i czas przekierowania.

Przekierowania w Podsumowaniu żądań sieciowych

W panelu Skuteczność w podsumowaniu dotyczących żądań sieciowych i w ich etykietkach podano teraz adresy URL przekierowań.

Problem z Chromium: 402353313.

Zmniejszony szum w śladzie wydajności

Panel Skuteczność nie będzie już wyświetlał zdarzeń z kategorii compile w silniku JavaScriptu v8. Wcześniej te zdarzenia, zwłaszcza zdarzenie compile code, powodowały wiele niepotrzebnych obciążeń i szumów.

Jeśli zauważysz, że brakuje Ci ważnych wydarzeń, podziel się opinią na stronie crbug.com/414330508.

Wycofana opcja „Disable JavaScript samples” (Wyłącz próbki JavaScriptu)

Opcja Wyłącz próbki JavaScriptu w sekcji Wydajność > Ustawienia nagrań została wycofana i usunięta ze względu na rzadkie używanie i małą przydatność.

Problem z Chromium: 414734883.

Parametr dokładności geolokalizacji w ustawieniach czujników

W panelu Czujniki możesz teraz ustawiać dokładność w emulacji geolokalizacji. Dzięki temu możesz przetestować obsługę różnych poziomów dokładności GPS.

Problem z Chromium: 40074843.

Ulepszenia panelu Elementy

Ta wersja zawiera kilka ulepszeń panelu Elementy.

ułatwić debugowanie złożonych wartości CSS;

Aby ułatwić debugowanie złożonych wartości CSS, na karcie Elementy > Style wyświetlamy teraz w podpowiedzi informacje:

• Pełny łańcuch definicji zmiennych usługi porównywania cen, dzięki czemu nie musisz klikać wielu linków.
• szczegółowe omówienie złożonych obliczeń w porównywarce, dzięki czemu łatwiej wykryjesz błędy i dowiesz się więcej o sposobie obliczania wartości;

Wskazówka zawiera łańcuchy definicji na wielu wierszach (po jednym dla każdej definicji). Możesz rozwinąć złożone obliczenia i najechać kursorem na wartości, aby wyróżnić i śledzić obliczoną wartość aż do jej początkowego wyrażenia.

Problem z Chromium: 396080529.

@function w sekcji Elementy > Style.

W ramach przygotowań do obsługi @function w Chrome karta Elementy > Style zawiera teraz linki do definicji nazw niestandardowych funkcji w dedykowanej sekcji.

Ulepszenia panelu Sieć

Ta wersja zawiera kilka ulepszeń panelu Sieć.

has-request-header filtr

Panel Sieć obsługuje teraz filtr has-request-header, który umożliwia filtrowanie według określonej nazwy nagłówka żądania.

Problem z Chromium: 397481040.

Interfejs Direct Sockets w izolowanych aplikacjach internetowych

W panelu Sieć możesz teraz monitorować ruch odizolowanych aplikacji internetowych (IWAs) za pomocą TCPSocket, UDPSocket (w trybie połączonym) i UDPSocket (w trybie połączonym).

Aby to zrobić, wybierz połączenie directscoket obok zwykłych żądań w tabeli, a na karcie Wiadomości wybierz wiadomość.

Izolowane aplikacje internetowe (IWA) zapewniają model zabezpieczeń o wysokim poziomie zaufania dla aplikacji internetowych. Więcej informacji znajdziesz w artykule Pierwsze kroki z izolowanymi aplikacjami internetowymi oraz w aplikacji demonstracyjnej, która implementuje interfejs Direct Sockets API.

Inne najciekawsze momenty

Oto kilka istotnych poprawek i ulepszeń w tej wersji:

• Aplikacja > Pamięć: usunięto przestarzałą opcję Web SQL (crbug.com/412707590).
• Elementy:
  • Domyślnie włącza podkreślanie problemów z elementami i atrybutami w DOM.
  • Style: dodano wartość clip do opcji autouzupełniania overflow.
• Sieć: z opcji Kopiuj jako pobierz usunięto nagłówek HTTP Referrer-Policy, ponieważ jest to nagłówek odpowiedzi służący do kontrolowania działania przeglądarki, a nie instrukcja po stronie klienta (crbug.com/413904896).
• Wydajność: usunięto ostrzeżenia o „długich zadaniach” z wątków pomocniczych, ponieważ nie blokują one wątków głównych (crbug.com/40248589).
• Problemy. Raporty „Teraz”:
  • Jeśli zablokowane zostaną jakiekolwiek zasoby, które mogą śledzić użytkowników.
  • łagodzenie śledzenia przekierowań niezależnie od tego, czy aplikacja uzyskuje dostęp do pamięci podczas przekierowania.
• Ułatwienia dostępu. Te elementy w sekcji Elementy > Style można teraz ustawić za pomocą klawiatury:
  • próbki cienia (crbug.com/401213105).
  • linki do nazwy pozycji kotwicy (crbug.com/401213107).
  • przyciski w edytorze reklam elastycznych i siatek (crbug.com/401213522);
  • Długości (crbug.com/401211976).
  • linki URL (crbug.com/401213104).
  • nazwy i wartości właściwości (crbug.com/417458979);

Pobieranie kanałów podglądu

Rozważ użycie jako domyślnej przeglądarki deweloperskiej przeglądarki Chrome w wersji Canary, Dev lub Beta. Te kanały wersji wstępnej zapewniają dostęp do najnowszych funkcji DevTools, umożliwiają testowanie najnowocześniejszych interfejsów API platformy internetowej i pomagają znaleźć problemy w witrynie, zanim zrobią to użytkownicy.

Kontakt z zespołem Narzędzi deweloperskich w Chrome

Aby omówić nowe funkcje, aktualizacje lub inne kwestie związane z Narzędziami deweloperskimi, skorzystaj z tych opcji.

• Przesyłaj opinie i prośby o dodanie funkcji na stronie crbug.com.
• Zgłoś problem z Narzędziami deweloperskimi, klikając more_vert Więcej opcji > Pomoc > Zgłoś problem z Narzędziami deweloperskimi.
• Wyślij tweeta do @ChromeDevTools.
• Dodaj komentarze do filmów w YouTube z serii „Co nowego w Narzędziach deweloperskich” lub Wskazówki dotyczące Narzędzi deweloperskich.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omawianych w cyklu Nowości w Narzędziach deweloperskich.