Tryb zdarzeń na osi czasu wyświetla wszystkie zdarzenia, które zostały wywołane podczas nagrywania. Aby dowiedzieć się więcej o poszczególnych typach zdarzeń na osi czasu, skorzystaj z informatora o zdarzeniach na osi czasu.
Właściwości wspólne zdarzeń na osi czasu
Niektóre szczegóły występują we wszystkich zdarzeniach, a niektóre tylko w przypadku określonych typów zdarzeń.
W tej sekcji znajdziesz listę właściwości wspólnych dla różnych typów zdarzeń. Właściwości specyficzne dla określonych typów zdarzeń są wymienione w odpowiednich odwołaniach.
Właściwość | Kiedy jest wyświetlana |
---|
Zagregowany czas | W przypadku zdarzeń z zdarzeniami zagnieżdżonymi czas trwania każdej kategorii zdarzeń. |
Stos wywołań | W przypadku zdarzeń z zdarzeniami podrzędnymi czas trwania każdej kategorii zdarzeń. |
Czas pracy procesora | Czas procesora poświęcony na zarejestrowanie zdarzenia. |
Szczegóły | inne szczegóły dotyczące zdarzenia; |
Czas trwania (w danej chwili) | Czas potrzebny na wykonanie zdarzenia ze wszystkimi jego elementami. Znak czasu to czas, w którym zdarzenie wystąpiło, w stosunku do rozpoczęcia nagrywania. |
Czas własny | Czas trwania zdarzenia bez uwzględnienia jego elementów podrzędnych. |
Rozmiar wykorzystanej sterty | Ilość pamięci używanej przez aplikację w momencie zarejestrowania zdarzenia oraz zmiana (+/-) rozmiaru używanego stosu od ostatniego próbkowania. |
Ładowanie zdarzeń
W tej sekcji znajdziesz listę zdarzeń należących do kategorii Ładowanie i ich właściwości.
Zdarzenie | Opis |
---|
Analizowanie kodu HTML | Chrome wykonał algorytm analizowania kodu HTML. |
Zakończ ładowanie | Żądanie sieciowe zostało zakończone. |
Odbieranie danych | Otrzymaliśmy dane dotyczące prośby. Wystąpi co najmniej 1 zdarzenie Receive Data. |
Otrzymanie odpowiedzi | Początkowa odpowiedź HTTP na żądanie. |
Wyślij prośbę | Prośba o dostęp do sieci została wysłana. |
Wczytywanie właściwości zdarzenia
Właściwość | Opis |
---|
Zasób | Adres URL żądanego zasobu. |
Podgląd | podgląd żądanego zasobu (tylko obrazy); |
Metoda żądania | Metoda HTTP użyta w żądaniu (np. GET lub POST). |
Kod stanu | Kod odpowiedzi HTTP. |
Typ MIME | Typ MIME żądanego zasobu. |
Długość zakodowanych danych | Długość żądanego zasobu w bajtach. |
Skrypty
W tej sekcji znajdziesz listę zdarzeń należących do kategorii Skryptowanie oraz ich właściwości.
Zdarzenie | Opis |
---|
Uruchomiono klatkę animacji | Wystąpiła zaplanowana klatka animacji i został wywołany jej moduł obsługi wywołania zwrotnego. |
Anuluj klatkę animacji | Zaplanowana klatka animacji została anulowana. |
Zdarzenie czyszczenia pamięci | Wystąpiło czyszczenie pamięci. |
DOMContentLoaded | Przeglądarka wywołała zdarzenie DOMContentLoaded. To zdarzenie jest wywoływane, gdy wszystkie treści DOM strony zostały wczytane i przetworzone. |
Oceń skrypt | Skrypt został oceniony. |
Zdarzenie | Zdarzenie JavaScript (np. „mousedown” lub „key”). |
Połączenie z funkcją | Wywołanie funkcji JavaScript na najwyższym poziomie (wyświetla się tylko wtedy, gdy przeglądarka przechodzi do silnika JavaScript). |
Zainstaluj licznik czasu | Minutnik został utworzony za pomocą funkcji setInterval() lub setTimeout(). |
Żądanie ramki animacji | wywołanie funkcji requestAnimationFrame() zaplanowało nową ramkę |
Usuń licznik czasu | wcześniej utworzony minutnik został wyczyszczony; |
Godzina | skrypt o nazwie console.time(). |
Czas zakończenia | skrypt o nazwie console.timeEnd(), |
Uruchomiono licznik czasu | Uruchomiono licznik czasu, który został zaplanowany za pomocą funkcji setInterval() lub setTimeout() . |
Zmiana stanu gotowości XHR | Zmieniono stan gotowości obiektu XMLHTTPRequest. |
Ładowanie XHR | XMLHTTPRequest zakończyło się wczytywanie. |
Właściwości zdarzeń w skrypcie
Właściwość | Opis |
---|
Identyfikator licznika czasu | Identyfikator minutnika. |
Czas oczekiwania | Czas oczekiwania określony przez minutnik. |
Powtarza się | Wartość logiczna określająca, czy minutnik ma się powtarzać. |
Połączenie z funkcją | Funkcja, która została wywołana. |
Renderowanie zdarzeń
W tej sekcji znajdziesz listę zdarzeń należących do kategorii Renderowanie i ich właściwości.
Zdarzenie | Opis |
---|
Unieważnij układ | Zmiana DOM spowodowała unieważnienie układu strony. |
Układ | Wykonano układ strony. |
Ponownie oblicz styl | Chrome ponownie obliczył style elementów. |
Przewiń | przewinąłeś zawartość widoku zagnieżdżonego; |
Renderowanie właściwości zdarzeń
Właściwość | Opis |
---|
Układ został unieważniony | W przypadku rekordów układu: ślad wywołania kodu, który spowodował unieważnienie układu. |
Węzły wymagające układu | W przypadku rekordów układu liczba węzłów oznaczonych jako wymagających układu przed rozpoczęciem przeprojektowania. Zazwyczaj są to węzły, które zostały unieważnione przez kod dewelopera, oraz ścieżka w górę do głównego węzła relayout. |
Rozmiar drzewa układu | W przypadku rekordów układu łączna liczba węzłów pod głównym węzłem układu (węzeł, w którym Chrome rozpoczyna przeformatowanie). |
Zakres układu | Możliwe wartości to „Częściowe” (granica przeprojektowania to część modelu DOM) lub „Cały dokument”. |
Elementy, których to dotyczy | W przypadku rekordów ponownego obliczania stylu liczba elementów, których dotyczy ponowne obliczanie stylu. |
Unieważnione style | W przypadku rekordów ponownego obliczania stylu zawiera ślad wywołania kodu, który spowodował unieważnienie stylu. |
Wydarzenia związane z malowaniem
W tej sekcji znajdziesz listę zdarzeń należących do kategorii Malowanie i ich właściwości.
Zdarzenie | Opis |
---|
Warstwy komponowane | Warstwy obrazu złożone przez mechanizm renderowania Chrome. |
Dekodowanie obrazu | Zasób obrazkowy został zdekodowany. |
Zmiana rozmiaru obrazu | obraz został przekształcony z rodzinnych wymiarów, |
Barwiony | Składane warstwy zostały namalowane na obszarze wyświetlacza. Najechanie kursorem na rekord Paint wyróżnia obszar wyświetlacza, który został zaktualizowany. |
Właściwości zdarzenia związanego z malowaniem
Właściwość | Opis |
---|
Lokalizacja | W przypadku zdarzeń związanych z malowaniem: współrzędne x i y prostokąta. |
Wymiary | W przypadku zdarzeń paint wysokość i szerokość namalowanego obszaru. |