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

Funkcja w wersji zapoznawczej: nowy panel rejestratora

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 danych do 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, zapoznaj się z dokumentacją panelu Nagrywarka i przejrzyj samouczek 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, dzięki któremu do listy 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źć szukaną nazwę 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 przeglądarki Chrome w wersji Canary, Dev lub Beta. 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.