Nowości w Narzędziach deweloperskich w Chrome 124

Sofia Emelianova
Sofia Emelianova
GitHub

Nowy panel autouzupełniania

W tej wersji dodaliśmy do Narzędzi deweloperskich nowy panel Autouzupełnianie. Autouzupełnianie w Chrome to wygodny sposób na automatyczne wypełnianie formularzy w witrynach z zapisanymi adresami. Nowy panel Autouzupełnianie umożliwia sprawdzanie mapowania między polami formularza, prognozowanymi wartościami autouzupełniania i zapisanymi danymi.

Wypróbuj nowy panel na tej stronie demonstracyjnej z danymi testowymi:

  1. W Autouzupełnianiu profilu kliknij dowolny przycisk Wypełnianie formularza ..., kliknij Prześlij, a następnie w oknie Zapisać adres? kliknij Zapisz i wróć na stronę z formularzem.
  2. Otwórz Narzędzia deweloperskie i wywołaj zdarzenie autouzupełniania: wybierz pole formularza i wybierz adres z listy.

Automatycznie otworzy się panel Autouzupełnianie z wykrytymi polami formularza oraz polami, które według Ciebie zostały automatycznie uzupełnione, oraz z zapisanymi wartościami.

Panel Autouzupełnianie.

Więcej informacji znajdziesz w artykułach Nauka formularzy i Autouzupełnianie.

Ulepszone ograniczanie przepustowości sieci w WebRTC

Dzięki dodaniu nowych parametrów związanych z pakietami do niestandardowych profili ograniczania wykorzystania sieci możesz teraz ograniczać działanie aplikacji WebRTC bezpośrednio w Narzędziach deweloperskich. Jest to przydatne do testowania implementacji komunikacji w czasie rzeczywistym bez konieczności używania oprogramowania innych firm.

Nowe parametry to: Utrata pakietów (procent), Długość kolejki pakietów (liczba pakietów) oraz flaga check_box Zmiana kolejności pakietów.

Dodanie nowych opcji związanych z pakietami do niestandardowych profili ograniczania wykorzystania przed i po.

Aby ograniczać przepustowość połączenia WebRTC, określ parametry związane z pakietami w profilu niestandardowym w ustawieniach Ustawienia > Ograniczanie i wybierz je w panelu Sieć.

Wypróbuj nowe parametry na tej stronie demonstracyjnej. Najpierw zezwól stronie na dostęp do aparatu. Następnie w panelu Sieć wybierz skonfigurowany przez siebie profil niestandardowy i na stronie kliknij Rozpocznij i Zadzwoń.

Problem z Chromium: 41175925.

Obsługa animacji przewijanych w panelu Animacje.

W panelu Animacje możesz teraz sprawdzać animacje przewijane.

Wypróbuj tę funkcję na tej stronie demonstracyjnej. Otwórz panel Animacje i załaduj ponownie stronę, aby rejestrować animacje wyświetlane podczas przewijania.

Grupa animacji sterowanych przewijaniem, oznaczonych ikoną myszy.

Grupa animacji oznaczona ikoną myszy mysz pojawi się w Przeglądzie. Teraz możesz je zbadać. Grupa pokazuje na osi czasu wartości w pikselach, a nie w milisekundach.

Ulepszona obsługa zagnieżdżania CSS w sekcji Elementy > Style

Karta Elementy > Style zapewnia lepszą obsługę zagnieżdżania arkuszy CSS i wyświetla teraz style zagnieżdżone z wcięciem i w nawiasach klamrowych. Zagnieżdżanie arkusza CSS pozwala pogrupować reguły CSS, co sprawi, że treści będą bardziej szczegółowe i bardziej ustrukturyzowane.

Dodanie wcięcia przed i po oraz umieszczenie stylów zagnieżdżonych w nawiasach klamrowych.

Problem z Chromium: 40166888.

Panel ulepszonej wydajności

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

Ukryj funkcje i ich elementy podrzędne na wykresie płomieniowym

Aby odfiltrować szum z wykresu płomieniowego w sekcji Wydajność > Główne, możesz teraz ukryć nieistotne funkcje i ich elementy podrzędne. Na wykresie płomieniowym kliknij funkcję prawym przyciskiem myszy i wybierz opcję z menu kontekstowego.

Dodanie menu kontekstowego przed i po dodaniu, które umożliwia ukrycie funkcji i ich elementów podrzędnych.

Funkcje z ukrytymi elementami podrzędnymi mają po prawej stronie przycisk arrow_drop_down Menu. Najedź na nią kursorem, aby zobaczyć liczbę ukrytych elementów podrzędnych, i kliknij ją, aby ponownie je wyświetlić. Aby wrócić do początkowego stanu wykresu płomieniowego, kliknij funkcję prawym przyciskiem myszy i wybierz Resetuj log czasu.

Strzałki od wybranych inicjatorów do zdarzeń zainicjowanych przez nich

Wcześniej podczas wybierania i zdarzenia na ścieżce głównej widoczna była strzałka od inicjatora do wybranego zdarzenia. Teraz na ścieżce wyświetla się też strzałkę od wybranego zdarzenia do tego, które zostało zainicjowane (jeśli takie zdarzenie istnieje).

Strzałki od wybranych do zainicjowanych zdarzeń i linki nazwane zamiast Reveal (przed i po).

Oprócz tego wszyscy inicjatorzy na karcie Podsumowanie mają teraz pola Inicjator dla, a pola Inicjator dla i Zainicjowane przez mają nazwane linki zamiast pola Ujawnienie.

Problemy z Chromium: 325604258, 325024819, 326055289.

Lighthouse 11.6.0

Panel Lighthouse korzysta teraz z Lighthouse w wersji 11.6.0. Zobacz pełną listę zmian.

Jedną z ważniejszych zmian jest nowe ustawienie dotyczące opcji check_box_outline_blank Włącz próbkowanie JS. Domyślnie to ustawienie jest wyłączone.

Przed i po dodaniu ustawienia próbkowania JS z możliwością wyrażenia zgody.

Włączenie próbkowania JS dodaje do śledzenia wydajności szczegółowe stosy wywołań JavaScript, ale może spowolnić generowanie raportów.

Śledzenie wydajności bez próbkowania JS (po lewej) i z próbkowaniem JS (po prawej).

Śledzenie jest dostępne w more_vert menu Narzędzia > View Unthrottled Trace po wygenerowaniu raportu Lighthouse.

Podstawy korzystania z panelu Lighthouse w Narzędziach deweloperskich znajdziesz w artykule Lighthouse: optymalizacja szybkości witryny.

Problem z Chromium: 772558.

Etykietki dotyczące kategorii specjalnych w sekcji Pamięć > Zrzuty sterty

Zrzuty sterty w panelu Pamięć zawierają specjalne grupy obiektów, które nie są oparte na konstruktorach. Gdy najedziesz kursorem na takie obiekty, w panelu Pamięć pojawi się etykietka z krótkim opisem i linkiem do dłuższego opisu w dokumentacji.

Opis „przed” i „po” z opisową etykietką dotyczącą specjalnych grup obiektów.

Problem z Chromium: 41490331.

Aplikacja > Aktualizacje pamięci

W tej wersji wprowadzono kilka aktualizacji do sekcji Aplikacja > Pamięć.

Bajty wykorzystane w pamięci współdzielonej

Sekcja Aplikacja > Pamięć wewnętrzna > Pamięć współdzielona pokazuje teraz liczbę bajtów używanych przez źródło.

Pokazuje, ile bajtów jest używanych do pamięci współdzielonej.

Pamięć współdzielona zapewnia nieograniczony dostęp do zapisu w pamięci masowej w różnych witrynach przy jednoczesnym zapewnieniu ochrony prywatności.

Problem z Chromium: 324464353.

Usługa Web SQL została w pełni wycofana

W wersji 119 Chrome wycofał protokół Web SQL z wersji 119 i usunął próbny token wycofywania, dlatego nie możesz już korzystać z Web SQL.

Następnie Narzędzia deweloperskie usunęły sekcję Web SQL z panelu Application.

Problem z Chromium: 327254049.

Ulepszenia panelu Pokrycie

W tej wersji wprowadziliśmy kilka aktualizacji w panelu Stan:

  • Teraz na pasku stanu obliczane są statystyki użytkowania dla filtrowanych adresów URL. Wcześniej, zamiast dodawać dane o korzystaniu z elementów podrzędnych spełniających kryteria filtra, dodawane były dane z elementów nadrzędnych.

Poprawne obliczenie zgodnych statystyk podrzędnych i przed.

  • Kolor wykorzystanego kodu jest teraz szary zamiast zielonego, aby poprawić widoczność, zwłaszcza w przypadku zaburzeń rozpoznawania barw zielonych.

Zmiana koloru „przed” i „po” na szary.

Problem z Chromium: 41494198, 329253687.

Panel Warstwy może zostać wycofany

Panel Warstwy może zostać wkrótce wycofany ze względu na małe zainteresowanie. U góry panelu będzie teraz widoczny baner ostrzegawczy.

U góry panelu Warstwy baner ostrzegawczy z informacją o możliwym wycofaniu.

Zanim zespół podejmie ostateczną decyzję o wycofaniu panelu, podziel się swoimi przemyśleniami i wątpliwościami.

Wycofanie programu profilującego JavaScript: faza czwarta, etap końcowy

W tej wersji panel JS Profiler został całkowicie wycofany i nie można go ponownie włączyć.

Aby profilować wydajność procesora, skorzystaj z panelu Wydajność.

Problem z Chromium: 40262073.

Inne ważne informacje

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

  • Sieć:
    • Naprawiono błąd z nieprawidłową analizą wielowierszowych plików cookie (325410304).
    • Poprawiono podgląd stosu wywołań w kolumnie Inicjator (327665602).
  • Monitorowanie wydajności: pola wyboru śledzenia są teraz takie same jak w pozostałej części interfejsu (1467464).
  • Źródła: dodaliśmy wyróżnianie składni dokumentów XHTML (327940244).
  • Ustawienia > Urządzenia: aplikacja Old Galaxy Fold została zastąpiona nowszym modelem Galaxy Z Fold 5 (40113439).
  • Wydajność: wszystkie pasujące wyniki wyszukiwania są teraz wyróżnione podczas wyszukiwania za pomocą skrótu Ctrl/Cmd+F (1523279).
  • Zasoby dla programistów: teraz wyświetlane są także zasoby wczytywane przez rozszerzenia językowe, takie jak rozszerzenie C/C++ DevTools Support (DWARF) dla Chrome (40746829).
  • Wydajność: naprawiono przycięty stos połączeń i jego nieprawidłowy układ na karcie Podsumowanie (325314708).
  • Panel: można teraz zaznaczyć przycisk zamknięcia zamykania, dzięki czemu panele można zamykać za pomocą klawiatury.

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 zagadnień omówionych w serii Co nowego w Narzędziach deweloperskich.

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

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