Панель «Память» предоставляет инструменты диагностики, которые позволяют увидеть распределение памяти объектов JavaScript, обнаружить и изолировать утечки памяти, получить разбивку распределения памяти по функциям и многое другое.
Обзор
Панель «Память» позволяет сохранять три типа профилей. Эти типы профилей показывают снимки с разных точек зрения и предоставляют различную полезность:
- Куча снимков . Снимки кучи показывают распределение памяти между объектами Javascript вашей страницы и связанными узлами DOM.
- Инструментарий распределения на временной шкале . Временные шкалы выделения показывают инструментированное распределение памяти JavaScript с течением времени. После записи профиля вы можете выбрать временной интервал, чтобы увидеть объекты, которые были размещены в нем и все еще существовали к концу записи. Используйте этот тип профиля для изоляции утечек памяти.
- Выборка распределения . Записывает выделение памяти с использованием метода выборки. Этот тип профиля имеет минимальные затраты на производительность и может использоваться для длительных операций. Он обеспечивает хорошее приближение распределения ресурсов с разбивкой по стеку выполнения JavaScript.
Вы можете выбрать экземпляр виртуальной машины JavaScript для запуска каждого из этих профилей.
Чтобы узнать больше, см.:
Откройте панель Память
Чтобы открыть панель Память :
- Откройте Инструменты разработчика .
- Откройте командное меню, нажав:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P.
- Начните вводить
memory
, выберите « Показать память» и нажмите Enter . DevTools отображает панель «Память» в верхней части окна DevTools.
Альтернативно открыть панель «Память» можно следующими способами:
- На панели действий вверху нажмите double_arrow « Другие панели» и выберите «Память» в раскрывающемся списке.
- В правом верхнем углу выберите more_vert Дополнительные параметры > Дополнительные инструменты > Память .