Nowości w Narzędziach dla deweloperów (Chrome 58)

Witamy w pierwszej części informacji o wersji Narzędzi deweloperskich. Od tego momentu po pierwszym otwarciu nowej wersji Chrome w Narzędziach deweloperskich otwiera się panel Co nowego z linkiem do informacji o danej wersji.

W skrócie

  • Nazwa panelu Oś czasu została zmieniona na panel Skuteczność.
  • Nazwa panelu Profile została zmieniona na Pamięć.
  • Wartości plików cookie można teraz edytować.
  • Narzędzia deweloperskie są teraz automatycznie wstrzymywane przed błędami braku pamięci.

Nowe funkcje

Pliki cookie, które można edytować

Kliknij dwukrotnie komórkę na karcie Pliki cookie, by edytować tę wartość.

Edytowanie pliku cookie
Rysunek 1 Edytowanie pliku cookie

Dziękujemy kanałowi kdzwinel za darowiznę!

Zmienne CSS, które można sprawdzić i edytować w panelu Style

Zmienne CSS możesz teraz sprawdzać i edytować w panelu Style. Zapoznaj się z wersją demonstracyjną zmiennych CSS, by ją wypróbować.

Punkty przerwania za mało pamięci

Gdy aplikacja przydziela dużą ilość pamięci w krótkim czasie, Narzędzia deweloperskie automatycznie wstrzymują działanie i zwiększają limit stosu. Dzięki temu możesz zbadać stos, wykonać polecenia w konsoli, by zwolnić pamięć, i kontynuować debugowanie problemu. Więcej informacji znajdziesz w artykule One Small Step For Chrome, One Giant Heap For V8.

Wstrzymano w punkcie przerwania za mało pamięci
Rysunek 2. Wstrzymano w punkcie przerwania za mało pamięci

Punkty przerwania podczas tworzenia obszaru roboczego

Teraz możesz tworzyć punkty przerwania detektora zdarzeń, które będą aktywowane za każdym razem, gdy tworzony jest nowy kontekst kanwy.

Punkty przerwania tworzenia obszaru roboczego za pomocą pola wyboru Utwórz kontekst obszaru roboczego w panelu Punkty przerwania detektora zdarzeń
Rysunek 3. Punkty przerwania tworzenia obszaru roboczego za pomocą opcji Utwórz kontekst obszaru roboczego w polu wyboru Punkty przerwania detektora zdarzeń

Statystyki czasu rozpoczęcia na karcie Czas

U góry karty Czas możesz sprawdzić, kiedy żądanie pojawiło się w kolejce i kiedy zostało rozpoczęte.

Statystyki czasu rozpoczęcia na karcie Czas.
Rysunek 4. Statystyki czasu rozpoczęcia na karcie Czas

Statystyki serwera na karcie Czas

Na karcie Czas można teraz wstawiać niestandardowe statystyki serwera. Przykład znajdziesz w sekcji Demonstracja wartości czasu serwera.

Statystyki serwera na karcie Czas
Rysunek 5 Statystyki serwera na karcie Czas

Dziękujemy użytkownikowi sroussey za darowiznę.

Zmiany

Panel Oś czasu to teraz panel Skuteczność

Nazwa panelu Oś czasu została zmieniona na „Skuteczność”, aby lepiej odzwierciedlała jego przeznaczenie.

Panel Profile to teraz panel Pamięć

Nazwa panelu Profile została zmieniona na Pamięć, aby lepiej odzwierciedlała jego przeznaczenie.

Program profilujący procesora znajduje się za ukrytym panelem

Teraz, gdy panel Profile nosi nazwę Pamięć, nie ma sensu mieć na nim programu profilującego procesora. Długoterminowym celem jest też profilowanie wszystkich użytkowników za pomocą panelu Skuteczność. Nadal możesz korzystać ze starego narzędzia do profilowania CPU, klikając Ustawienia > Więcej narzędzi > Program profilujący JavaScript.

Aby dowiedzieć się, jak profilować procesor w panelu Wydajność, przeczytaj artykuł Chrome DevNarzędzia: profilowanie procesorów JavaScript w Chrome 58.

Nowy interfejs konsoli

Interfejs konsoli i panel konsoli uległy zmianie. Niektóre mniej popularne funkcje zostały przeniesione do ukrytych miejsc, a popularne funkcje są teraz łatwiej dostępne.

  • Kliknij Ustawienia konsoli Ustawienia konsoli, aby uzyskać dostęp do ustawień umożliwiających dostosowanie działania konsoli.
  • Opcja Zachowaj dziennik jest teraz ukryta w sekcji Ustawienia konsoli.
  • Przycisk i okienko Filtry zniknęły. Zamiast tego użyj menu.
  • Pole tekstowe do filtrowania logów jest teraz zawsze widoczne. Wcześniej był ukryty w panelu Filtry.
  • Pole tekstowe filtrowania automatycznie akceptuje wyrażenia regularne, więc pole wyboru Wyrażenia regularne znika.
  • Pole wyboru Ukryj naruszenia znikło. Aby zobaczyć przypadki naruszenia, wybierz w menu poziomu logowania opcję Wyczerpujący.
  • Odznaczenie pola wyboru Pokaż wszystkie wiadomości w starym interfejsie jest równoważne z zaznaczeniem pola Tylko wybrany kontekst w Ustawieniach konsoli w nowym interfejsie.
Nowy interfejs konsoli
Rysunek 6. Nowy interfejs konsoli

Punkty przerwania detektora zdarzeń WebGL zostały przeniesione

Punkty przerwania detektora zdarzeń WebGL zostały przeniesione z kategorii WebGL do kategorii Canvas. Kategoria WebGL została usunięta.