W trybie zdarzeń na osi czasu wyświetlane są wszystkie zdarzenia wywołane podczas tworzenia nagrania. W dokumentacji zdarzenia na osi czasu znajdziesz więcej informacji o poszczególnych typach zdarzeń.
Typowe właściwości zdarzeń na osi czasu
Pewne szczegóły dotyczą wydarzeń wszystkich typów, a niektóre mają zastosowanie tylko do określonych typów wydarzeń.
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 materiałach referencyjnych dotyczących tych typów zdarzeń.
Właściwość | Kiedy jest wyświetlany |
---|
Zagregowany czas | W przypadku zdarzeń ze zdarzeniami zagnieżdżonymi jest to czas, jaki upłynął od poszczególnych kategorii zdarzeń. |
Stos wywołań | W przypadku zdarzeń ze zdarzeniami podrzędnymi jest to czas, który upłynął przez poszczególne kategorie zdarzeń. |
Czas pracy procesora | Czas pracy procesora przez zarejestrowane zdarzenie. |
Szczegóły | Inne informacje o wydarzeniu. |
Czas trwania (z sygnaturą czasową) | Czas trwania zdarzenia z udziałem wszystkich jego elementów podrzędnych. Sygnatura czasowa to czas wystąpienia zdarzenia w stosunku do czasu rozpoczęcia nagrywania. |
Czas własny | Czas trwania zdarzenia bez żadnych elementów podrzędnych. |
Rozmiar sterty | Ilość pamięci używanej przez aplikację podczas rejestrowania zdarzenia oraz zmiana delta (+/-) rozmiaru używanej sterty od ostatniego próbkowania. |
Zdarzenia wczytywania
Ta sekcja zawiera listę zdarzeń należących do kategorii Ładowanie i ich właściwości.
Zdarzenie | Opis |
---|
Analizuj kod HTML | Przeglądarka Chrome wykonała swój algorytm analizy HTML. |
Zakończ wczytywanie | Żądanie sieciowe zostało wykonane. |
Odbieranie danych | Otrzymaliśmy dane dotyczące żądania. Będzie co najmniej 1 zdarzenie odbioru danych. |
Otrzymanie odpowiedzi | Pierwsza odpowiedź HTTP na żądanie. |
Wyślij prośbę | Żądanie sieciowe zostało wysłane. |
Wczytuję 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 do żądania (np. GET lub POST). |
Kod stanu | kodu odpowiedzi HTTP. |
Typ MIME | Typ MIME żądanego zasobu. |
Długość zakodowanych danych | Długość żądanego zasobu w bajtach. |
Zdarzenia związane ze skryptami
Ta sekcja zawiera listę zdarzeń należących do kategorii Skrypty i ich właściwości.
Zdarzenie | Opis |
---|
Uruchomiono ramkę animacji | Uruchomiono ramka zaplanowanej animacji i wywołano jej moduł obsługi wywołania zwrotnego. |
Anuluj ramkę animacji | Klatka zaplanowanej animacji została anulowana. |
Zdarzenie czyszczenia pamięci | Wykonano wyczyszczenie śmieci. |
DOMContentLoaded | Przeglądarka uruchomiła element DOMContentLoaded. To zdarzenie jest wywoływane po wczytaniu i przeanalizowaniu całej zawartości DOM strony. |
Oceń skrypt | Skrypt został oceniony. |
Zdarzenie | Zdarzenie JavaScript (np. „mousedown” lub „klucz”). |
Połączenie z funkcją | Wykonano wywołanie funkcji JavaScript najwyższego poziomu (pojawia się tylko po uruchomieniu mechanizmu JavaScript w przeglądarce). |
Zainstaluj licznik czasu | Licznik został utworzony za pomocą funkcji setInterval() lub setTimeout(). |
Żądanie ramki animacji | Wywołanie requestAnimationFrame() zaplanowało nową klatkę |
Usuń licznik czasu | Wcześniej utworzony minutnik został wyczyszczony. |
Godzina | skrypt o nazwie console.time(). |
Godzina zakończenia | skrypt o nazwie console.timeEnd(). |
Uruchomiono licznik czasu | Uruchomiono licznik czasu, który był zaplanowany z setInterval() lub setTimeout() . |
Zmiana stanu gotowości XHR | Zmienił się stan gotowości żądania XMLHTTPRequest. |
Obciążenie XHR | Zakończono wczytywanie elementu XMLHTTPRequest . |
Właściwości zdarzenia skryptu
Właściwość | Opis |
---|
Identyfikator licznika czasu | Identyfikator licznika czasu. |
Czas oczekiwania | Czas oczekiwania określony przez licznik czasu. |
Powtarza się | Wartość logiczna określająca, czy licznik czasu ma się powtarzać. |
Połączenie z funkcją | Funkcja, która została wywołana. |
Zdarzenia renderowania
Ta sekcja zawiera listę zdarzeń należących do kategorii Renderowanie i ich właściwości.
Zdarzenie | Opis |
---|
Unieważnij układ | Układ strony został unieważniony po zmianie DOM. |
Układ | Układ strony został wykonany. |
Ponownie oblicz styl | Przeliczone style elementów Chrome. |
Przewiń | Zawartość widoku zagnieżdżonego została przewinięta. |
Właściwości zdarzenia renderowania
Właściwość | Opis |
---|
Układ został unieważniony | W przypadku rekordów układu zrzut stosu 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, które zostały oznaczone jako wymagające układu przed rozpoczęciem przekazywania. Są to zwykle te węzły, które zostały unieważnione przez kod programisty, plus ścieżka w górę do węzła przekazującego. |
Rozmiar drzewa układu | W przypadku rekordów Układu jest to łączna liczba węzłów w głównym elemencie przekaźnika (węźle, od którego Chrome uruchamia przekazywanie). |
Zakres układu | Możliwe wartości to „Partial” (Częściowa) (granica ponownego układu jest częścią DOM) lub „Cały dokument”. |
Elementy, których to dotyczy | W przypadku rekordów Ponownie oblicz styl – liczba elementów, na które wpłynie ponowne obliczenie stylu. |
Style zostały unieważnione | W przypadku rekordów stylu Oblicz ponownie: udostępnia ślad stosu kodu, który spowodował unieważnienie stylu. |
Wydarzenia związane z malowaniem
Ta sekcja zawiera listę zdarzeń należących do kategorii Obraz i ich właściwości.
Zdarzenie | Opis |
---|
Warstwy komponowane | Skomponowane warstwy obrazu z silnika renderowania Chrome. |
Dekodowanie obrazu | Zasób obrazu został zdekodowany. |
Zmiana rozmiaru obrazu | Rozmiar obrazu został zmieniony zgodnie z wymiarami natywnymi. |
Barwiony | Skomponowane warstwy zostały namalowane w określonym obszarze wyświetlacza. Najechanie kursorem na rekord renderowania powoduje podświetlenie zaktualizowanego obszaru wyświetlacza. |
Malowanie właściwości zdarzenia
Właściwość | Opis |
---|
Lokalizacja | W przypadku zdarzeń renderowania współrzędne x i y prostokąta renderowania. |
Wymiary | W przypadku zdarzeń Paint wysokość i szerokość malowanego obszaru. |