Dokumentacja zdarzenia na osi czasu

Meggin Kearney
Meggin Kearney
Flavio Copes
Flavio Copes

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 czasW 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 procesoraCzas procesora poświęcony na zarejestrowanie zdarzenia.
Szczegółyinne 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łasnyCzas trwania zdarzenia bez uwzględnienia jego elementów podrzędnych.
Rozmiar wykorzystanej stertyIlość 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.

ZdarzenieOpis
Analizowanie kodu HTMLChrome wykonał algorytm analizowania kodu HTML.
Zakończ ładowanieŻądanie sieciowe zostało zakończone.
Odbieranie danychOtrzymaliśmy dane dotyczące prośby. Wystąpi co najmniej 1 zdarzenie Receive Data.
Otrzymanie odpowiedziPoczą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óbAdres URL żądanego zasobu.
Podglądpodgląd żądanego zasobu (tylko obrazy);
Metoda żądaniaMetoda HTTP użyta w żądaniu (np. GET lub POST).
Kod stanuKod odpowiedzi HTTP.
Typ MIMETyp MIME żądanego zasobu.
Długość zakodowanych danychDługość żądanego zasobu w bajtach.

Skrypty

W tej sekcji znajdziesz listę zdarzeń należących do kategorii Skryptowanie oraz ich właściwości.

ZdarzenieOpis
Uruchomiono klatkę animacjiWystąpiła zaplanowana klatka animacji i został wywołany jej moduł obsługi wywołania zwrotnego.
Anuluj klatkę animacjiZaplanowana klatka animacji została anulowana.
Zdarzenie czyszczenia pamięciWystąpiło czyszczenie pamięci.
DOMContentLoadedPrzeglądarka wywołała zdarzenie DOMContentLoaded. To zdarzenie jest wywoływane, gdy wszystkie treści DOM strony zostały wczytane i przetworzone.
Oceń skryptSkrypt został oceniony.
ZdarzenieZdarzenie 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 czasuMinutnik został utworzony za pomocą funkcji setInterval() lub setTimeout().
Żądanie ramki animacjiwywołanie funkcji requestAnimationFrame() zaplanowało nową ramkę
Usuń licznik czasuwcześniej utworzony minutnik został wyczyszczony;
Godzinaskrypt o nazwie console.time().
Czas zakończeniaskrypt o nazwie console.timeEnd(),
Uruchomiono licznik czasuUruchomiono licznik czasu, który został zaplanowany za pomocą funkcji setInterval() lub setTimeout().
Zmiana stanu gotowości XHRZmieniono stan gotowości obiektu XMLHTTPRequest.
Ładowanie XHRXMLHTTPRequest zakończyło się wczytywanie.

Właściwości zdarzeń w skrypcie

WłaściwośćOpis
Identyfikator licznika czasuIdentyfikator minutnika.
Czas oczekiwaniaCzas 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.

ZdarzenieOpis
Unieważnij układZmiana DOM spowodowała unieważnienie układu strony.
UkładWykonano układ strony.
Ponownie oblicz stylChrome 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żnionyW przypadku rekordów układu: ślad wywołania kodu, który spowodował unieważnienie układu.
Węzły wymagające układuW 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ładuW 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ładuMożliwe wartości to „Częściowe” (granica przeprojektowania to część modelu DOM) lub „Cały dokument”.
Elementy, których to dotyczyW przypadku rekordów ponownego obliczania stylu liczba elementów, których dotyczy ponowne obliczanie stylu.
Unieważnione styleW 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.

ZdarzenieOpis
Warstwy komponowaneWarstwy obrazu złożone przez mechanizm renderowania Chrome.
Dekodowanie obrazuZasób obrazkowy został zdekodowany.
Zmiana rozmiaru obrazuobraz został przekształcony z rodzinnych wymiarów,
BarwionySkł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
LokalizacjaW przypadku zdarzeń związanych z malowaniem: współrzędne x i y prostokąta.
WymiaryW przypadku zdarzeń paint wysokość i szerokość namalowanego obszaru.