Nowości w Narzędziach deweloperskich (Chrome 122)

Oficjalna kolekcja rozszerzeń Dyktafonu jest już dostępna

Oficjalna kolekcja rozszerzeń do eksportowania i ponownego odtwarzania Dyktafonu jest już dostępna.

Aby otworzyć kolekcję bezpośrednio z Rejestratora, na pasku działań u góry panelu Rejestrator kliknij pobierz Eksportuj > Pobierz rozszerzenia....

Ulepszenia sieci

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

Przyczyna niepowodzenia w kolumnie Stan

W kolumnie Stan zawsze wyświetla się teraz przyczyna niepowodzenia. Wcześniej trzeba było włączyć check_box Wiersze dużych żądań lub wybrać żądanie w tabeli.

Problemy z Chromium: 1506760.

Ulepszone menu podrzędne Kopiuj

Podmenu Kopiuj w przypadku żądania jest teraz lepiej zorganizowane.

Dodatkowo opcja Skopiuj jako cURL kopiuje teraz prawidłowe polecenie do schowka w systemie Windows.

Problemy z Chromium: 1267033, 1276452, 798498.

Poprawa skuteczności

Ta wersja wprowadza szereg ulepszeń w panelu Skuteczność.

Menu nawigacyjne na osi czasu

Oś czasu u góry panelu Skuteczność umożliwia teraz ustawianie ścieżek i przechodzenie między nimi.

Aby ustawić ścieżkę, wybierz zakres na osi czasu, najedź na niego kursorem i kliknij przycisk N ms zoom_in. Możesz utworzyć kilka zagnieżdżonych ścieżek kolejno po sobie. Aby przełączać się między poziomami powiększenia, kliknij odpowiedni element w łańcuchu u góry osi czasu. Obejrzyj następny film, aby zobaczyć, jak działają ścieżki.

Problemy z Chromium: 1467739.

Inicjatory zdarzeń na ścieżce głównej

Ścieżka Skuteczność > Główna domyślnie pokazuje teraz strzałki łączące inicjatorów z wywołanymi przez nich zdarzeniami.

• Unieważnienie stylu lub układu -> Ponowne obliczenie stylów lub Układ
• Żądanie klatki animacji -> Uruchomiono klatkę animacji
• Request Idle Callback -> Fire Idle Callback
• Zainstaluj licznik czasu –> Uruchomiono licznik czasu
• Utwórz WebSocket –> Wyślij... i Otrzymaj uzgodnienie połączenia WebSocket lub Zniszcz WebSocket

Aby zobaczyć strzałki, znajdź takie zdarzenie w śladzie i kliknij je. Wcześniej ta funkcja była eksperymentalna.

Problemy z Chromium: 1434596.

Menu selektora instancji maszyny wirtualnej JavaScript w Narzędziach deweloperskich Node.js

W panelu Wydajność w Narzędziach deweloperskich Node.js możesz teraz wybrać instancję maszyny wirtualnej JavaScript z odpowiedniego menu na pasku działań. Podobna funkcja była dostępna w wycofywanym wkrótce profilerze JavaScript.

Problemy z Chromium: 1511813.

Ulepszenia elementów

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

Oprócz 2 funkcji wymienionych poniżej panel Elementy zapamiętuje teraz ostatnią otwartą kartę, np. Wynikowy lub Właściwości.

Pseudo-element ::view-transition można teraz edytować w sekcji Style

Możesz teraz edytować pseudoelementy CSS ::view-transition w sekcji Style za pomocą arkusza stylów inspektora.

Więcej informacji znajdziesz w artykule Płynne i proste przejścia dzięki interfejsowi View Transitions API.

Problemy z Chromium: 1511233.

Obsługa właściwości align-content w przypadku kontenerów blokowych

Usługa align-content współpracuje teraz z dowolnymi kontenerami bloków, w tym z table-caption i table-cell. Wcześniej działało tylko z siatką i flexboxem.

Problemy z Chromium: 1500511.

Nowy skrót i polecenie w panelu Źródła

Możesz teraz utworzyć punkt rejestrowania, naciskając Cmd (Mac) / Ctrl (Win) + Shift i klikając numer wiersza w Źródłach. Ten skrót jest dodatkiem do istniejącego już skrótu Cmd (Mac) / Ctrl (Windows) + kliknięcie w przypadku warunkowych punktów przerwania.

W menu poleceń pojawi się nowe polecenie Pokaż aktywny plik na pasku bocznym nawigacji, które działa tak samo jak odpowiednia opcja w menu Edytor.

Problemy z Chromium: 1486933, 1467464.

Obsługa pozycji na emulowanych urządzeniach składanych

Tryb urządzenia umożliwia teraz ustawienie pozycji emulowanego urządzenia składanego: Ciągła lub Złożona. Ciągła pozycja odnosi się do pozycji „płaskiej”, a złożona tworzy kąt między sekcjami wyświetlacza.

Dodatkowo na liście Urządzenia pojawi się nowe emulowane urządzenie składane: Asus Zenbook Fold.

Problem w Chromium: 1066842.

Dynamiczne motywy

Narzędzia deweloperskie automatycznie dopasowują się teraz do motywu kolorystycznego Chrome. Aby ustawić motyw:

1. Otwórz nową kartę i w prawym dolnym rogu kliknij edytuj Dostosuj Chrome.
2. W sekcji Wygląd wybierz motyw, klikając tapetę Zmień motywy, lub wybierz paletę kolorów.

Problemy z Chromium: 1483276.

Ostrzeżenia o wycofywaniu plików cookie innych firm w panelach Sieć i Aplikacja

Panele Sieć i Aplikacja wyróżniają teraz pliki cookie, na które mają wpływ ograniczenia dotyczące plików cookie innych firm wynikające z ochrony przed śledzeniem, i wyświetlają obok nich ostrzeżenia.

W sekcji Sieć znajdź żądanie z ikoną ostrzeżenia, kliknij je i otwórz kartę Pliki cookie.

W sekcji Aplikacja wybierz Pamięć > Pliki cookie i kliknij domenę. Pliki cookie wyróżnione na żółto nie są przechowywane w przeglądarce.

Najedź kursorem na ikonę ostrzeżenia, aby wyświetlić poradę z opisem problemów, a następnie kliknij ikonę, aby otworzyć kartę Problemy z dodatkowymi informacjami.

Dodatkowo pliki cookie w tabeli są teraz domyślnie sortowane według nazwy.

Problemy z Chromium: 1506225, 1503961.

Lighthouse 11.4.0

Panel Lighthouse działa teraz w wersji 11.4.0. Zobacz pełną listę zmian. Wśród istotnych zmian jest nowy audyt, który pozwala wykryć, czy Twoja witryna nadal używa plików cookie innych firm.

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

Problem z Chromium: 772558.

Ułatwienia dostępu

Ta wersja zawiera następujące ulepszenia ułatwień dostępu:

• Gdy otworzysz ustawienia Ustawienia > Eksperymenty, pole Wyszukaj będzie teraz automatycznie aktywne.
• Przycisk Anuluj Wyczyść dane wejściowe w sekcji Sieć > Filtr można teraz zaznaczyć.
• Drzewo plików w sekcji Źródła > Strona jest teraz prawidłowo wyświetlane w trybie wysokiego kontrastu.
• Czytniki ekranu poprawnie odczytują teraz te elementy:
  • Stan pól wyboru w sekcji Źródła > Punkty przerwania.
  • Informacje o pozycji i indeksie listy sugestii.
  • Wynik działania podczas dodawania lub usuwania lokalizacji w ustawieniach Ustawienia > Lokalizacje.
  • Grupy reguł wykluczania (ogólnych lub niestandardowych) w ustawieniach Ustawienia > Lista ignorowanych.

Problemy z Chromium: 1504938, 1499868, 1512161, 1515224, 1515418, 1516998, 1517015.

Różne wyróżnione informacje

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

• Animacje:
  • Usunęliśmy błąd polegający na tym, że wyskakujące okienko zrzutu ekranu było renderowane poza zakresem (1506991).
  • Usunęliśmy błąd polegający na tym, że usunięte węzły animacji nie były oznaczane jako usunięte (1506561).
• Sieć:
  • Zastąpienia nagłówka: naprawiono błąd związany z fałszywą fioletową kropką na karcie Nagłówki (1507856).
  • Wersja podglądowa: naprawiono błąd związany z niepotrzebnym podwójnym dekodowaniem (1509336).
  • Naprawiliśmy błąd, który powodował, że krótkie żądania się nie wyświetlały (1509862).
• Aplikacja > IndexedDB: zmieniono kolejność przycisków na pasku działań, aby zachować spójność z innymi panelami (1393800).
• Czujniki: usunęliśmy błąd związany z nieprawidłowym wywołaniem zwrotnym w przypadku niedostępnej lokalizacji (1486859).
• Skuteczność:
  • Przycisk Zbierz śmieci ma teraz odpowiednią ikonę „mopa” zamiast „kosza” (1507530).
  • Śledzenie wydajności zachowuje teraz dane podczas przechodzenia do about:blank (1509947).

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.

Skontaktuj się 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.

• Prześlij nam opinię 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 w Narzędziach deweloperskich.
• Wyślij tweeta do @ChromeDevTools.
• Zostawiaj komentarze pod filmami na YouTube z serii „Co nowego w Narzędziach deweloperskich” lub filmami z serii „Wskazówki dotyczące Narzędzi deweloperskich”.

Co nowego w Narzędziach deweloperskich

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