Meggin Kearney
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 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. |