Відладка витоків пам'яті за допомогою Chrome DevTools MCP 1.7

Припиніть завантажувати величезні файли знімків купи (heap-snapshots) у свій ШІ-асистент. Ці файли переповнюють контекстне вікно та призводять до помилкових припущень.

Chrome DevTools MCP 1.7 дозволяє ШІ-агентам відлагоджувати пам'ять без необхідності аналізувати сирі дані. Нові інструменти дозволяють точно визначити місця витоків.

Нові можливості у версії 1.7

  • Інструмент Object-details відображає точні метадані.
  • Summaries перелічує нативні контексти та їхні розміри.
  • Фільтри дозволяють ізолювати обрані об'єкти.
  • Агенти отримали оновлену логіку виявлення витоків.
  • Діагностичні воркери виконують очищення надійніше.

Протокол трьох знімків

  1. Зробіть базовий знімок.
  2. Виконайте підозрілу дію 10 разів, а потім зробіть цільовий знімок.
  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