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

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

  • Zmieniliśmy nazwę panelu Oś czasu na panel Wydajność.
  • 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”;

Teraz możesz sprawdzać i edytować zmienne CSS w panelu Styl. Aby przetestować tę funkcję, zapoznaj się z demonstracją zmiennych CSS.

Punkty przerwania poza pamięcią

Gdy aplikacja w krótkim czasie przydzieli dużą ilość pamięci, Narzędzia deweloperskie automatycznie wstrzymają i zwiększą 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 kontrolne podczas tworzenia odbitki na płótnie

Możesz teraz tworzyć punkty przerwania odbiornika zdarzeń, które są wywoływane za każdym razem, gdy zostanie utworzone nowe środowisko kanwy.

punkty przerwania tworzenia obiektu canvas za pomocą pola wyboru Utwórz kontekst obiektu canvas w panelu Punkty przerwania detektora zdarzeń;
Rysunek 3. Punkty przerwania tworzenia obiektu canvas za pomocą pola wyboru Utwórz kontekst obiektu canvas 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 Czas trwania

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 rozwiązanie tego problemu.

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 w 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ść, przeczytaj artykuł 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.