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

Kayce Basques
Kayce Basques

Oto pierwsza część informacji o nowych wersjach Narzędzi deweloperskich. Od teraz za każdym razem, gdy otworzysz nową wersję Chrome, DevTools otworzy panel Co nowego z linkiem do informacji o tej wersji.

Najciekawsze

  • Panel Oś czasu został przemianowany na Panel wydajności.
  • Panel Profile został przemianowany na panel Pamięć.
  • Wartości plików cookie są teraz dostępne do edycji.
  • Narzędzia deweloperskie automatycznie wstrzymywane są przed błędami związanymi z brakiem pamięci.

Nowe funkcje

Pliki cookie, które można edytować

Aby zmienić wartość, kliknij dwukrotnie komórkę na karcie Pliki cookie.

Edytowanie pliku cookie.
Rysunek 1. Edytowanie pliku cookie

Dziękujemy kdzwinel za pomoc.

zmienne CSS, które można przeglądać i edytować w panelu „Style”;

W panelu Style możesz teraz sprawdzać i edytować zmienne CSS. Aby wypróbować tę funkcję, zapoznaj się z demonstracją zmiennych w kodzie CSS.

Punkty przerwania typu „za mało pamięci”

Gdy aplikacja przydzieli dużo pamięci w krótkim czasie, DevTools automatycznie wstrzyma i zwiększy limit stosu. Dzięki temu możesz sprawdzić stos, wykonać w konsoli polecenia, aby zwolnić pamięć, i kontynuować debugowanie problemu. Więcej informacji znajdziesz w artykule One Small Step For Chrome, One Giant Heap For V8 (w języku angielskim).

Wstrzymano w punkcie przerwania z powodu braku pamięci
Rysunek 2. Wstrzymano w punkcie przerwania z powodu braku pamięci

Punkty przecięcia w ramach tworzenia odbitki na płótnie

Możesz teraz tworzyć punkty przerwania odbiornika zdarzeń, które są wywoływane za każdym razem, gdy tworzony jest nowy kontekst kanwy.

Punkty przerwania tworzenia canvasu za pomocą pola wyboru Twórz kontekst canvasu w panelu Punkty przerwania detektora zdarzeń
Rysunek 3. Punkty przerwania tworzenia canvasa za pomocą pola wyboru Utwórz kontekst canvasa w panelu Punkty przerwania detektora zdarzeń

Statystyki dotyczące godziny rozpoczęcia na karcie Czas trwania

U góry karty Czas możesz teraz zobaczyć, kiedy żądanie zostało dodane do kolejki i rozpoczęte.

Statystyki dotyczące czasu rozpoczęcia na karcie Czas.
Rysunek 4. Statystyki czasu rozpoczęcia na karcie Czasowanie

Statystyki serwera na karcie Czas

Na karcie Czas możesz teraz wstawiać niestandardowe statystyki serwera. Przykład znajdziesz w demonstracji wartości ustawień czasu serwera.

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

Dziękujemy użytkownikowi sroussey za wkład w rozwijanie tej strony.

Zmiany

Panel Czasowa oś zdarzeń to teraz panel Wydajność

Panel Czasowa kolejność zdarzeń został przemianowany na panel Skuteczność, aby lepiej odzwierciedlał jego przeznaczenie.

Panel Profile to teraz panel Pamięć

Panel Profile został przemianowany na panel Pamięć, aby lepiej odzwierciedlał jego przeznaczenie.

Profil procesora jest ukryty za panelem

Panel Profile (Profile) został przemianowany na panel Pamięć (Memory), więc nie ma już sensu umieszczanie w nim narzędzia Profilek procesora (CPU Profiler). Ponadto długofalowym celem jest uzyskiwanie profili wszystkich użytkowników z panelu Skuteczność. W międzyczasie możesz nadal korzystać ze starego narzędzia do profilowania procesora, które znajdziesz w sekcji Ustawienia > Więcej narzędzi > Profilowanie JavaScriptu.

Aby dowiedzieć się, jak profilować procesor w panelu Wydajność, zapoznaj się z artykułem Narzędzie deweloperskie w Chrome: profilowanie procesora JavaScript w Chrome 58.

Nowy interfejs konsoli

Panel i schowarka w Konsoli przeszły pewne zmiany w interfejsie. Niektóre niepopularne 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 panel Filtry zniknęły. Zamiast tego użyj menu.
  • Pole tekstowe do filtrowania dzienników jest teraz zawsze widoczne. Wcześniej był on ukryty w panelu Filtry.
  • Pole tekstowe filtra automatycznie akceptuje wyrażenia regularne, więc pole wyboru Wyrażenie regularne zniknęło.
  • Pole wyboru Ukryj naruszenia zniknęło. Aby zobaczyć naruszenia, ustaw poziom rejestrowania na Szczegółowe.
  • Odznaczenie pola wyboru Pokaż wszystkie wiadomości w starym interfejsie jest równoznaczne z odznaczeniem pola wyboru Tylko wybrany kontekst w sekcji Ustawienia konsoli w nowym interfejsie.
Nowy interfejs konsoli
Rysunek 6. Nowy interfejs konsoli

Punkty przerwania detektora zdarzeń WebGL zostały przeniesione

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