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

Sofia Emelianova
Sofia Emelianova
GitHub

Oficjalna kolekcja rozszerzeń Dyktafonu jest już dostępna

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

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

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

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

  • Unieważnienie stylu lub układu -> Ponownie oblicz style lub Układ
  • Żądanie ramki animacji -> Uruchomiono ramkę animacji
  • Żądanie nieaktywnego wywołania zwrotnego -> Uruchom nieaktywne wywołanie zwrotne
  • Zainstaluj licznik czasu -> Uruchomiono licznik czasu.
  • 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 Cmd (Win) + Cmd 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. Stan ciągły odnosi się do pozycji „płaskiej” 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 Application (Aplikacja) otwórz Storage > Cookies (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 Szukaj zostanie automatycznie zaznaczone.
  • Możesz teraz zaznaczyć przycisk Anuluj Wyczyść dane wejściowe w sekcji Sieć > 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.
    • Rezultat działania przy dodawaniu lub usuwaniu 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: rozmieszczono przyciski na pasku działań, aby zapewnić spójność z innymi panelami (1393800).
  • Czujniki: naprawiono błąd, który powodował nieprawidłowe wywołanie zwrotne o niedostępnej lokalizacji (1486859).
  • Skuteczność:
    • Przycisk Wywóz śmieci ma teraz odpowiednią ikonę – „mop” zamiast „kosz” (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.
  • 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