Отладка утечек памяти с помощью Chrome DevTools MCP 1.7

Хватит скармливать огромные файлы снимков кучи (heap snapshots) вашему ИИ-ассистенту. Эти файлы переполняют контекстное окно и приводят к ошибочным предположениям.

Chrome DevTools MCP 1.7 позволяет ИИ-агентам отлаживать память без необходимости парсинга сырых данных. Новые инструменты позволяют точно локализовать утечки.

Новые возможности в версии 1.7

  • Инструмент Object-details отображает точные метаданные.
  • Раздел Summaries выводит список нативных контекстов и их размеры.
  • Фильтры позволяют изолировать выбранные объекты.
  • Агенты получили обновленную логику обнаружения утечек.
  • Диагностические воркеры (diagnostic workers) стали работать более надежно при очистке.

Протокол трех снимков

  1. Сделайте базовый снимок (baseline snapshot).
  2. Выполните подозрительное действие 10 раз, затем сделайте целевой снимок (target snapshot).
  3. Выполните действие в обратном порядке и сделайте финальный снимок.

Утечка подтверждается только в том случае, если объем памяти остается высоким в финальном снимке.

Рабочий процесс

  • Сравните сводки (summaries); ищите рост показателей.
  • Найдите классы, которые накопили больше всего памяти.
  • Определите владельца (страницу, фрейм или контекст).
  • Изучите конкретные экземпляры объектов и пути их удержания (retaining paths).
  • Исправьте первое звено в цепочке, которое указывает на ваш код.

Распространенные ошибки

  • Никогда не меняйте сборку или количество итераций цикла между снимками.
  • Не считайте каждую длинную строку утечкой.
  • Закрывайте каждый снимок после завершения работы.
  • Никогда не пропускайте шаг с обратным действием.

Этот подход работает с Claude Code, Cursor, Copilot или любым MCP-совместимым агентом, решающим проблемы с памятью в браузере или Node.js.

Источник: https://github.com/ChromeDevTools/chrome-devtools-mcp/releases/tag/chrome-devtools-mcp-v1.7.0

Опциональное сообщество для обучения: https://t.me/GyaanSetuAi