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

Sofia Emelianova
Sofia Emelianova

Oficjalna kolekcja rozszerzeń Dyktafonu jest już dostępna

Oficjalna kolekcja rozszerzeńDyktafonuDyktafonu jest już dostępna.

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

Usprawnienia sieci

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

Przyczyna niepowodzenia w kolumnie Stan

Kolumna Stan zawsze pokazuje teraz przyczynę niepowodzenia. Wcześniej trzeba było włączyć check_box Duże wiersze żądania lub wybrać żądanie w tabeli.

Przyczyna błędu (przed i po) widoczna w kolumnie Stan.

Problemy z Chromium: 1506760.

Ulepszone menu podrzędne Kopiuj

Menu podrzędne Kopiuj prośby jest teraz lepiej zorganizowane.

Przed i po ulepszeniu menu podrzędnego Kopiuj.

Dodatkowo opcja Kopiuj jako cURL pozwala teraz skopiować odpowiednie polecenie do schowka w systemie Windows.

Problemy z Chromium: 1267033, 1276452, 798498.

Poprawa skuteczności

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

Menu nawigacyjne na osi czasu

Oś czasu w górnej części panelu Skuteczność umożliwia teraz konfigurowanie menu nawigacyjnego i przechodzenie między nimi.

Aby ustawić menu nawigacyjne, wybierz zakres na osi czasu, najedź na niego kursorem myszy i kliknij przycisk zoom_in N ms. Możesz utworzyć kolejno kilka zagnieżdżonych menu nawigacyjnego. Aby przechodzić między poziomami powiększenia, kliknij odpowiednie menu nawigacyjne w łańcuchu u góry osi czasu. Obejrzyj następny film, aby zobaczyć, jak działa menu nawigacyjne.

Problemy z Chromium: 1467739.

Inicjatorzy wydarzeń na głównej ścieżce

Skuteczność > Domyślnie ścieżka Główna pokazuje teraz strzałki łączące inicjatory z poniższymi wywołanymi zdarzeniami.

  • Unieważnienie stylu lub układu -> Przelicz ponownie style lub Układ
  • Poproś o ramkę animacji -> Uruchomiono ramkę animacji
  • Prośba o bezczynne wywołanie zwrotne -> Uruchom nieaktywne wywołanie zwrotne
  • Zainstaluj licznik czasu -> Minutnik został uruchomiony
  • Utwórz WebSocket -> Wyślij... i Odbierz uzgadnianie połączenia WebSocket lub Zniszcz WebSocket

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

Strzałka z żądania i wywołania nieaktywnego wywołania zwrotnego.

Problemy z Chromium: 1434596.

Menu selektora instancji maszyny wirtualnej JavaScript dla narzędzi deweloperskich w Node.js

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

Menu „Przed i po”, które pozwala wybrać instancję maszyny wirtualnej JavaScript

Problemy z Chromium: 1511813.

Ulepszenia elementów

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

Oprócz dwóch następnych funkcji panel Elementy zapamiętuje teraz ostatnią otwartą kartę, np. Obliczone lub Właściwości.

Pseudoelement ::view-transition można teraz edytować w Stylach

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

Obsługa pseudoelementów przejścia po wyświetleniu i przed jej edytowaniem.

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

Problemy z Chromium: 1511233.

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

Właściwość align-content działa teraz ze wszystkimi kontenerami bloków, w tym table-caption i table-cell. Wcześniej działała tylko z siatką i elastycznością.

Obsługa wyrównania treści przed i po w kontenerach bloków.

Problemy z Chromium: 1500511.

Nowy skrót i polecenie w Źródłach

Aby utworzyć punkt logowania, naciśnij klawisze Cmd (Mac) lub Ctrl (Win) + Shift i kliknij numer wiersza w sekcji Źródła. Ten skrót jest dodatkiem do już istniejącego skrótu Cmd (Mac) / Ctrl (Win) i kliknięciem w przypadku warunkowych punktów przerwania.

W Menu poleceń pojawi się nowe polecenie Pokaż aktywny plik na pasku bocznym nawigacji. Jest ono takie samo jak odpowiednia opcja w menu Edytora.

Nowe polecenie pozwalające wyświetlić aktywny plik na pasku bocznym nawigacji.

Problemy z Chromium: 1486933, 1467464.

Obsługa stanu emulowanych urządzeń składanych

Tryb urządzenia umożliwia teraz ustawienie pozycji emulowanego urządzenia składanego w postaci ciągłego lub złożonego. Ciągły stan określa się jako „płaski”. i po złożeniu tworzy kąt między sekcjami wyświetlacza.

Menu z opcjami stanu.

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

Problem z Chromium: 1066842.

Dynamiczne określanie motywów

Narzędzia deweloperskie automatycznie dostosowują 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.

Narzędzia deweloperskie pasują do motywu kolorystycznego wybranego w sekcji Wygląd.

Problemy z Chromium: 1483276.

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

Panele Sieć i Aplikacja wyróżniają i wyświetlają ostrzeżenia obok plików cookie objętych ograniczeniami dotyczącymi firm zewnętrznych w ramach ochrony przed śledzeniem.

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

Przed i po przechwyceniu plików cookie innych firm w panelu Sieć.

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

Elementy „przed” i „po” wyróżniające pliki cookie innych firm w panelu aplikacji.

Najedź kursorem na ikonę ostrzeżenia, aby zobaczyć etykietkę z opisem problemów. Kliknij ją, aby otworzyć kartę Problemy z dodatkowymi informacjami.

Oprócz tego pliki cookie w tabeli są teraz domyślnie sortowane według nazwy.

Problemy z Chromium: 1506225, 1503961.

Lighthouse 11.4.0

Panel Lighthouse korzysta teraz z Lighthouse w wersji 11.4.0. Zobacz pełną listę zmian. Warto wspomnieć m.in. o nowej wersji kontroli, która pozwala sprawdzić, czy witryna nadal korzysta z plików cookie innych firm.

Audyt wykrywający pliki cookie innych firm.

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

Problem z Chromium: 772558.

Ułatwienia dostępu

W tej wersji ulepszyliśmy ułatwienia dostępu:

  • Gdy otworzysz Ustawienia Ustawienia > Eksperymenty, pole wyszukiwania jest teraz automatycznie zaznaczone.
  • Przycisk anuluj Wyczyść dane wejściowe w sekcji Sieć > Można teraz zaznaczyć Filtr.
  • Drzewo plików w sekcji Źródła > Strona wyświetla się teraz prawidłowo w trybie wysokiego kontrastu.
  • Czytniki ekranu prawidłowo odczytują teraz te informacje:
    • Stan pól wyboru w sekcji Źródła > Punkty przerwania.
    • Informacje o pozycji i indeksie dla listy sugestii.
    • Wynik działania po dodaniu lub usunięciu 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óżnienia

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

  • Animacje:
    • Naprawiliśmy błąd polegający na wyrenderowaniu wyskakującego okienka zrzutu ekranu poza granicami (1506991).
    • Naprawiliśmy błąd polegający na tym, że usunięte węzły animacji nie były oznaczone jako usunięte (1506561).
  • Sieć:
    • Zastąpienia nagłówka: naprawiliśmy błąd związany z fałszywą fioletową kropką na karcie Nagłówki (1507856).
    • Podgląd: usunięto błąd z niepotrzebnym podwójnym dekodowaniem (1509336).
    • Naprawiliśmy błąd, przez który krótkie prośby nie wyświetlały się (1509862).
  • Aplikacja > IndexedDB zmiana rozmieszczenia przycisków na pasku działań w celu zachowania spójności z innymi panelami (1393800).
  • Czujniki: naprawiono błąd, który powodował nieprawidłowe wywołanie zwrotne o niedostępnej lokalizacji (1486859).
  • Skuteczność:
    • Przycisk Wyrzuć śmieci ma teraz odpowiednią ikonę – „mop”. zamiast „bin” (1507530).
    • Zrzut wydajności zachowuje teraz dane podczas przechodzenia do about:blank (1509947).

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.