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