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

Jecelyn Yeen

Funkcja w wersji zapoznawczej: nowy panel narzędzia Recorder

Użyj nowego panelu Dyktafon, aby nagrywać, odtwarzać i mierzyć ścieżki użytkowników.

Otwórz panel Dyktafon. Aby rozpocząć nowe nagrywanie, postępuj zgodnie z instrukcjami wyświetlanymi na ekranie.

Możesz na przykład nagrywać proces płatności za kawę za pomocą aplikacji demo zamawiania kawy. Po dodaniu kawy i wypełnieniu szczegółów płatności możesz zakończyć nagrywanie, odtworzyć proces lub kliknąć przycisk Zmierz skuteczność, aby zmierzyć ścieżkę użytkownika w panelu Skuteczność.

Aby dowiedzieć się więcej, otwórz dokumentację panelu Nagrywarka i wykonaj instrukcje krok po kroku.

Panel Nagrywarka jest funkcją w wersji testowej. Nasz zespół nadal nad tym pracuje i chcemy poznać Twoją opinię, abyśmy mogli wprowadzić dalsze ulepszenia.

Panel Dyktafon

Problem z Chromium: 1257499

Odświeżanie listy urządzeń w trybie urządzenia

Włączanie paska narzędzi urządzenia, na liście urządzeń dodano więcej nowoczesnych urządzeń. Wybierz urządzenie, aby symulować jego wymiary.

Odświeżanie listy urządzeń w trybie urządzenia

Problem z Chromium: 1223525

Autouzupełnianie z opcją Edytuj jako HTML

Interfejs Edytuj jako kod HTML obsługuje teraz autouzupełnianie i wyróżnianie składni. W panelu Elementy kliknij prawym przyciskiem myszy element i wybierz Edytuj jako HTML. Spróbuj wpisać element DOM (np.id, aria). Autouzupełnianie powinno pomóc Ci znaleźć nazwę szukanego elementu.

Autouzupełnianie z opcją Edytuj jako HTML

Problem z Chromium: 1215072

Ulepszone debugowanie kodu

Numery kolumn są teraz uwzględniane w błędach wyjściowych w Konsoli. Łatwy dostęp do numeru kolumny jest niezbędny do debugowania, zwłaszcza w przypadku skompresowanego kodu JavaScript.

Numer kolumny w błędzie danych wyjściowych

Problem z Chromium: 1073064

[Experimental] Synchronizacja ustawień DevTools na różnych urządzeniach

Ustawienia DevTools są teraz domyślnie synchronizowane na różnych urządzeniach, gdy włączysz synchronizację profilu Chrome. Ustawienia synchronizacji DevTools możesz zmienić, klikając Ustawienia > Synchronizacja > Włącz synchronizację ustawień.

Ustawienia synchronizacji w Narzędziach deweloperskich

To nowe ustawienie ułatwia pracę na różnych urządzeniach. Na przykład te ustawienia wyglądu są synchronizowane, aby zapewnić spójność na różnych urządzeniach i nie trzeba było ponownie definiować tych samych ustawień. Więcej informacji o funkcji synchronizacji znajdziesz w artykule Dostosowywanie Narzędzi deweloperskich.

ustawienia wyglądu

Ta funkcja jest obecnie w fazie eksperymentalnej, a nasz zespół wciąż nad nią pracuje. Jeśli chcesz podzielić się z nami opinią, kliknij tutaj.

Problem z Chromium: 1245541

Pobieranie kanałów podglądu

Rozważ użycie jako domyślnej przeglądarki deweloperskiej wersji Canary, Dev lub Beta przeglądarki Chrome. 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.

Co nowego w Narzędziach deweloperskich

Lista wszystkich tematów omawianych w cyklu artykułów Co nowego w Narzędziech deweloperskich.