В режиме событий временной шкалы отображаются все события, произошедшие во время записи. Используйте справочник событий временной шкалы, чтобы узнать больше о каждом типе событий временной шкалы.
Общие свойства событий временной шкалы
Определенные детали присутствуют в событиях всех типов, а некоторые применимы только к определенным типам событий. В этом разделе перечислены свойства, общие для разных типов событий. Свойства, характерные для определенных типов событий, перечислены в ссылках на эти типы событий, которые приведены ниже.
| Свойство | Когда это показано |
|---|
| Суммарное время | Для событий с вложенными событиями — время, затраченное на каждую категорию событий. |
| Стек вызовов | Для событий с дочерними событиями — время, затраченное на каждую категорию событий. |
| процессорное время | Сколько процессорного времени заняло записанное событие. |
| Подробности | Другие подробности о мероприятии. |
| Продолжительность (по отметке времени) | Сколько времени потребовалось для завершения события со всеми его дочерними элементами; временная метка — это время, в которое произошло событие, относительно момента начала записи. |
| Время для себя | Сколько времени заняло событие без каких-либо дочерних элементов. |
| Используемый размер кучи | Объем памяти, используемый приложением при записи события, и дельта (+/-) изменение используемого размера кучи с момента последней выборки. |
Загрузка событий
В этом разделе перечислены события, относящиеся к категории «Загрузка», и их свойства.
| Событие | Описание |
|---|
| Разобрать HTML | Chrome выполнил свой алгоритм анализа HTML. |
| Завершить загрузку | Сетевой запрос выполнен. |
| Получить данные | Данные для запроса получены. Произойдет одно или несколько событий получения данных. |
| Получить ответ | Первоначальный HTTP-ответ на запрос. |
| Послать запрос | Сетевой запрос отправлен. |
Загрузка свойств события
| Свойство | Описание |
|---|
| Ресурс | URL-адрес запрошенного ресурса. |
| Предварительный просмотр | Предварительный просмотр запрошенного ресурса (только изображения). |
| Метод запроса | Метод HTTP, используемый для запроса (например, GET или POST). |
| Код состояния | Код ответа HTTP. |
| MIME-тип | MIME-тип запрошенного ресурса. |
| Длина закодированных данных | Длина запрошенного ресурса в байтах. |
Сценарии событий
В этом разделе перечислены события, относящиеся к категории «Сценарии», и их свойства.
| Событие | Описание |
|---|
| Анимационный кадр запущен | Запускается запланированный кадр анимации и вызывается его обработчик обратного вызова. |
| Отменить кадр анимации | Запланированный кадр анимации был отменен. |
| Событие GC | Произошел сбор мусора. |
| DOMContentЗагружено | DOMContentLoaded был запущен браузером. Это событие вызывается, когда все содержимое DOM страницы загружено и проанализировано. |
| Оценить сценарий | Сценарий был оценен. |
| Событие | Событие JavaScript («mousedown» или «key», например). |
| Вызов функции | Выполнен вызов функции JavaScript верхнего уровня (появляется только тогда, когда браузер входит в движок JavaScript). |
| Установить таймер | Таймер был создан с помощью setInterval() или setTimeout() . |
| Запросить кадр анимации | Вызов requestAnimationFrame() запланировал новый кадр. |
| Удалить таймер | Ранее созданный таймер был очищен. |
| Время | Сценарий console.time(). |
| Конец времени | Сценарий console.timeEnd(). |
| Таймер сработал | Запускается таймер, запланированный с помощью setInterval() или setTimeout() . |
| Изменение состояния готовности XHR | Состояние готовности XMLHTTPRequest изменилось. |
| XHR-нагрузка | Загрузка XMLHTTPRequest завершена. |
Свойства событий сценариев
| Свойство | Описание |
|---|
| Идентификатор таймера | Идентификатор таймера. |
| Тайм-аут | Тайм-аут, указанный таймером. |
| Повторы | Логическое значение, указывающее, повторяется ли таймер. |
| Вызов функции | Функция, которая была вызвана. |
Рендеринг событий
В этом разделе перечислены события, относящиеся к категории «Рендеринг», и их свойства.
| Событие | Описание |
|---|
| Недействительный макет | Макет страницы стал недействительным из-за изменения DOM. |
| Макет | Макет страницы выполнен. |
| Пересчитать стиль | Chrome пересчитал стили элементов. |
| Прокрутка | Содержимое вложенного представления прокручивалось. |
Отрисовка свойств события
| Свойство | Описание |
|---|
| Макет признан недействительным | Для записей макета — трассировка стека кода, из-за которого макет стал недействительным. |
| Узлы, которым нужна разметка | Для записей макета — количество узлов, которые были помечены как нуждающиеся в макете до начала ретрансляции. Обычно это те узлы, которые были признаны недействительными кодом разработчика, а также путь вверх к корню ретрансляции. |
| Размер дерева макета | Для записей макета — общее количество узлов в корне ретрансляции (узле, на котором Chrome запускает ретрансляцию). |
| Объем макета | Возможные значения: «Частичный» (граница переразметки — это часть DOM) или «Весь документ». |
| Затронутые элементы | Для записей стиля «Пересчитать» — количество элементов, на которые влияет пересчет стиля. |
| Стили признаны недействительными | Для записей стиля «Пересчитать» предоставляет трассировку стека кода, вызвавшего недействительность стиля. |
Живописные мероприятия
В этом разделе перечислены события, относящиеся к категории «Живопись», и их свойства.
| Событие | Описание |
|---|
| Композитные слои | Слои составных изображений механизма рендеринга Chrome. |
| Декодирование изображения | Ресурс изображения был декодирован. |
| Изменение размера изображения | Размер изображения был изменен по сравнению с исходными размерами. |
| Краска | Составные слои были нарисованы в определенной области дисплея. При наведении курсора на запись Paint выделяется область экрана, которая была обновлена. |
Рисование свойств событий
| Свойство | Описание |
|---|
| Расположение | Для событий Paint — координаты x и y прямоугольника рисования. |
| Размеры | Для событий Paint — высота и ширина закрашиваемой области. |
