W Chrome 58, czyli obecnie Canary, nazwa panelu Oś czasu została zmieniona na panel Wydajność, nazwa panelu Profile zmieniła się na panel Pamięć, a funkcja Rejestruj profil procesora JavaScript w panelu Profile została przeniesiona do bardziej ukrytego miejsca.
Długoterminowym celem jest usunięcie starego programu profilującego procesory JavaScript i umożliwienie wszystkim pracy z nowym przepływem pracy.
Z tego krótkiego przewodnika po migracji dowiesz się, jak zapisać profil JS w panelu Wydajność i jak interfejs panelu Wydajność jest mapowany na stary przepływ pracy.
Uzyskiwanie dostępu do starego narzędzia do profilowania procesora JavaScript
Jeśli wolisz stary przepływ pracy „Zarejestruj profil procesora JavaScript”, który wcześniej był dostępny w panelu Profile, możesz uzyskać do niego dostęp w następujący sposób:
- Otwórz menu główne Narzędzi deweloperskich.
- Wybierz Więcej narzędzi > JavaScript Profiler. Stary program profilujący otworzy się w nowym panelu o nazwie JavaScript Profiler.
Jak nagrać profil JS
- Otwórz Narzędzia deweloperskie.
Kliknij kartę Skuteczność.
Rysunek 1. Panel Skuteczność.
Nagraj film na jeden z tych sposobów:
- Aby profilować wczytanie strony, kliknij Zarejestruj wczytanie strony. Narzędzia deweloperskie automatycznie rozpoczynają nagrywanie, a potem automatycznie zatrzymują się, gdy wykryje, że strona się wczytuje.
- Aby profilować biegną stronę, kliknij Rejestruj, wykonaj wybrane działania, a gdy wszystko będzie gotowe, kliknij Zatrzymaj.
Jak stary przepływ pracy przekłada się na nowy
Zrzut ekranu poniżej pokazuje pozycję wykresu ogólnego wykorzystania procesora (strzałka u góry) i wykresu płomieniowego (strzałka dolna) w nowym przepływie pracy w widoku Wykres starego przepływu pracy.
Rysunek 2. Mapowanie między wykresem płomieniowym w starym przepływie pracy (po lewej) i nowym przepływie pracy (po prawej).
Widok Obfity (od dołu do góry) jest dostępny na karcie Od dołu:
Rysunek 3. Mapowanie między widokiem od dołu w górę w starym przepływie pracy (po lewej) a nowym (po prawej)
Na karcie Drzewo wywołań dostępny jest natomiast widok Drzewo (od góry w dół):
Rysunek 4. Mapowanie między widokiem drzewa w starym przepływie pracy (po lewej) i nowym przepływie pracy (po prawej).