Обзор панели памяти

Дейл Сент-Март
Dale St. Marthe

Панель «Память» предоставляет инструменты диагностики, которые позволяют увидеть распределение памяти объектов JavaScript, обнаружить и изолировать утечки памяти, получить разбивку распределения памяти по функциям и многое другое.

Обзор

Панель «Память» позволяет сохранять три типа профилей. Эти типы профилей показывают снимки с разных точек зрения и предоставляют различную полезность:

  • Куча снимков . Снимки кучи показывают распределение памяти между объектами Javascript вашей страницы и связанными узлами DOM.
  • Инструментарий распределения на временной шкале . Временные шкалы выделения показывают инструментированное распределение памяти JavaScript с течением времени. После записи профиля вы можете выбрать временной интервал, чтобы увидеть объекты, которые были размещены в нем и все еще существовали к концу записи. Используйте этот тип профиля для изоляции утечек памяти.
  • Выборка распределения . Записывает выделение памяти с использованием метода выборки. Этот тип профиля имеет минимальные затраты на производительность и может использоваться для длительных операций. Он обеспечивает хорошее приближение распределения ресурсов с разбивкой по стеку выполнения JavaScript.

Вы можете выбрать экземпляр виртуальной машины JavaScript для запуска каждого из этих профилей.

Чтобы узнать больше, см.:

Откройте панель Память

Чтобы открыть панель Память :

  1. Откройте Инструменты разработчика .
  2. Откройте командное меню, нажав:
    • macOS: Command + Shift + P
    • Windows, Linux, ChromeOS: Control + Shift + P. Командное меню с
  3. Начните вводить memory , выберите « Показать память» и нажмите Enter . DevTools отображает панель «Память» в верхней части окна DevTools.

Альтернативно открыть панель «Память» можно следующими способами:

  • На панели действий вверху нажмите double_arrow « Другие панели» и выберите «Память» в раскрывающемся списке.
  • В правом верхнем углу выберите more_vert Дополнительные параметры > Дополнительные инструменты > Память .