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

Sofia Emelianova
Sofia Emelianova
GitHub

Oficjalna kolekcja rozszerzeń Dyktafonu jest już dostępna

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

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

Usprawnienia sieci

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

Przyczyna niepowodzenia w kolumnie Stan

Teraz kolumna Stan zawsze zawiera przyczynę niepowodzenia. Wcześniej trzeba było włączyć opcję check_box Wiersze dużych żądań lub wybrać żądanie w tabeli.

Powód wyświetlenia „przed” i „po” w kolumnie „Stan”.

Problemy z Chromium: 1506760.

Ulepszone menu podrzędne Kopiuj

Menu podrzędne Kopiuj w prośbie jest teraz lepiej uporządkowane.

Ulepszenie menu podrzędnego Kopiuj przed i po.

Dodatkowo opcja Kopiuj jako cURL umożliwia skopiowanie odpowiedniego polecenia do schowka w systemie Windows.

Problemy z Chromium: 1267033, 1276452, 798498.

Poprawa skuteczności

Ta wersja zawiera szereg ulepszeń w panelu Wydajność.

Menu nawigacyjne na osi czasu

Na osi czasu u góry panelu Skuteczność możesz teraz konfigurować menu nawigacyjne i przełączać się między nimi.

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

Problemy z Chromium: 1467739.

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

Ścieżka Skuteczność > Główna domyślnie zawiera teraz strzałki łączące inicjatorów i zdarzenia, które te zdarzenia wywołały.

  • 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 WebSocket Handshake lub Zniszcz WebSocket

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

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

Problemy z Chromium: 1434596.

Menu selektora instancji maszyny wirtualnej JavaScript dla Narzędzi deweloperskich w środowisku Node.js

W panelu Wydajność w Narzędziach deweloperskich w Node.js możesz teraz wybrać maszynę wirtualną JavaScript z odpowiedniego menu na pasku działań. Podobna funkcja była dostępna w wkrótce wycofanym programie profilującym JavaScript.

Dodanie nowego menu „przed” i „po” umożliwiające wybór instancji maszyny wirtualnej JavaScript.

Problemy z Chromium: 1511813.

Ulepszenia elementów

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

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

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

Teraz możesz edytować pseudoelementy CSS ::view-transition w sekcji Style, używając arkusza stylów inspektora.

Obsługa pseudoelementów podczas edycji widoku przed i po.

Więcej informacji znajdziesz w artykule Płynne i proste przechodzenie dzięki interfejsowi View Transitions 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 blokowymi, w tym ze table-caption i table-cell. Wcześniej działał on tylko w przypadku siatki i flexu.

Obsługa wyrównywania treści przed i po w kontenerach blokowych.

Problemy z Chromium: 1500511.

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

Aby utworzyć punkt logowania, naciśnij Cmd (Mac) lub Cmd (Win) + Cmd i kliknij numer wiersza w sekcji Źródła. Ten skrót jest dodatkiem do już istniejących punktów przerwania z naciśniętym klawiszem Cmd (Mac) lub Ctrl (Win).

Menu poleceń pobiera nowe polecenie Pokaż aktywny plik na pasku bocznym nawigacji, które działa tak samo jak odpowiednia opcja w menu Edytora.

Nowe polecenie wyświetlające aktywny plik na pasku bocznym nawigacji.

Problemy z Chromium: 1486933, 1467464.

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

Tryb urządzenia pozwala teraz ustawić stan emulowanego urządzenia składanego: Stały lub Złożony. Stan ciągły odnosi się do pozycji „płaskiej”, a złożenie tworzy kąt między sekcjami wyświetlacza.

Menu z opcjami stanu.

Dodatkowo lista Urządzenia otrzymuje nowe emulowane urządzenie składane: Asus Zenbook Fold.

Problem z 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 za pomocą tapety Zmień motywy lub wybierz paletę kolorów.

Narzędzia deweloperskie pasują do motywu kolorów 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 podświetlają teraz i wyświetlają ostrzeżenia obok plików cookie, których dotyczą ograniczenia innych firm wynikające z ochrony przed śledzeniem.

W sekcji Sieć znajdź żądanie z ikoną ostrzeżenia z ostrzeżeniem, 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 wyróżnione na żółto nie są przechowywane w przeglądarce.

Przed i po wyróżnieniu plików cookie innych firm w panelu aplikacji

Najedź kursorem na ikonę ostrzeżenia, aby zobaczyć etykietkę z opisem problemów. 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 korzysta teraz z Lighthouse 11.4.0. Zobacz pełną listę zmian. Jedną z ważniejszych zmian jest nowy audyt, który pozwala sprawdzić, czy Twoja witryna nadal korzysta z plików cookie innych firm.

Kontrola, która wykryła pliki cookie innych firm.

Podstawy 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 wprowadziliśmy te ulepszenia ułatwień dostępu:

  • Gdy otworzysz ustawienia Ustawienia > Eksperymenty, pole wyszukiwania stanie się automatycznie zaznaczone.
  • Można 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 poprawnie odczytują te komunikaty:
    • Stan pól wyboru w sekcji Źródła > Punkty przerwania.
    • Informacje o pozycji i indeksie dla listy sugestii.
    • Wynik 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.

Inne ważne informacje

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

  • Animacje:
    • Naprawiono błąd wyświetlania wyskakujących okienek przez zrzuty ekranu poza zakresem (1506991).
    • Naprawiono błąd, który powodował, że usunięte węzły animacji nie były oznaczone jako usunięte (1506561).
  • Sieć:
    • Zastąpienia nagłówka: naprawiliśmy błąd dotyczący fałszywej fioletowej kropki na karcie Nagłówki (1507856).
    • Podgląd: naprawiliśmy błąd związany z niepotrzebnym podwójnym dekodowaniem (1509336).
    • Naprawiono błąd, który powodował niewyświetlanie się krótkich żądań (1509862).
  • Application > IndexedDB: zmieniono układ przycisków na pasku działań, aby zapewnić spójność z innymi panelami (1393800).
  • Czujniki: naprawiliśmy błąd związany z niedostępną lokalizacją i nieprawidłowym wywołaniem połączenia zwrotnego (1486859).
  • Skuteczność:
    • Przycisk Zbierz śmieci ma teraz odpowiednią ikonę – „mop” zamiast „pojemnika” (1507530).
    • Śledzenie wydajności przechowuje teraz dane podczas przechodzenia do adresu about:blank (1509947).

Pobieranie kanałów podglądu

Jako domyślnej przeglądarki dla programistów możesz używać Chrome Canary, Dev lub Beta. Te kanały podglądu dają dostęp do najnowszych funkcji Narzędzi deweloperskich, umożliwiają testowanie najnowocześniejszych interfejsów API platform internetowych oraz wykrywanie problemów w witrynie, zanim zdołają zrobić użytkownicy.

Kontakt z zespołem Narzędzi deweloperskich w Chrome

Użyj poniższych opcji, aby omówić nowe funkcje i zmiany w poście lub wszelkie inne kwestie związane z Narzędziami dla deweloperów.

  • Prześlij nam sugestię lub opinię na stronie crbug.com.
  • Aby zgłosić problem z Narzędziami deweloperskimi, kliknij Więcej opcji   Więcej   > Pomoc > Zgłoś problemy z Narzędziami deweloperskimi.
  • zatweetuj na @ChromeDevTools.
  • Napisz komentarz o nowościach w filmach w YouTube dostępnych w Narzędziach deweloperskich lub z poradami dotyczącymi narzędzi dla deweloperów w filmach w YouTube.

Co nowego w Narzędziach deweloperskich

Lista wszystkich omówionych funkcji w serii Co nowego w Narzędziach deweloperskich.

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

101 Chrome

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

Subskrypcja Chrome 82 została anulowana.

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