Gỡ lỗi rò rỉ bộ nhớ với Chrome DevTools MCP 1.7

Đừng tiếp tục gửi các tệp heap-snapshot khổng lồ cho trợ lý AI của bạn. Những tệp này làm tràn cửa sổ ngữ cảnh (context window) và dẫn đến các dự đoán sai lầm.

Chrome DevTools MCP 1.7 cho phép các AI agent gỡ lỗi bộ nhớ mà không cần phân tích dữ liệu thô. Các công cụ mới giúp xác định chính xác các điểm rò rỉ.

Các tính năng mới trong phiên bản 1.7

  • Công cụ object-details hiển thị siêu dữ liệu (metadata) chính xác.
  • Các bản tóm tắt (summaries) liệt kê các ngữ cảnh gốc (native contexts) và kích thước của chúng.
  • Các bộ lọc giúp cô lập các đối tượng đã chọn.
  • Các agent được nâng cấp logic phát hiện rò rỉ.
  • Các diagnostic workers dọn dẹp đáng tin cậy hơn.

Giao thức ba bản chụp (Three-snapshot protocol)

  1. Chụp một bản snapshot cơ sở (baseline).
  2. Thực hiện hành động nghi ngờ 10 lần, sau đó chụp một bản snapshot mục tiêu (target).
  3. Đảo ngược hành động và chụp bản snapshot cuối cùng.

Một lỗi rò rỉ chỉ được xác nhận nếu bộ nhớ vẫn ở mức cao trong bản snapshot cuối cùng.

Quy trình làm việc

  • So sánh các bản tóm tắt; tìm kiếm sự gia tăng.
  • Xác định các class tích tụ nhiều bộ nhớ nhất.
  • Xác định chủ sở hữu (trang, frame hoặc ngữ cảnh).
  • Đi sâu vào các instance đối tượng cụ thể và đường dẫn giữ lại (retaining paths) của chúng.
  • Sửa liên kết đầu tiên trong chuỗi trỏ ngược về mã nguồn của bạn.

Các sai lầm thường gặp

  • Đừng bao giờ thay đổi bản build hoặc số vòng lặp giữa các bản snapshot.
  • Đừng coi mọi chuỗi (string) lớn đều là rò rỉ.
  • Đóng từng bản snapshot sau khi hoàn tất.
  • Đừng bao giờ bỏ qua bước đảo ngược hành động.

Cách tiếp cận này hoạt động với Claude Code, Cursor, Copilot hoặc bất kỳ agent nào tương thích với MCP đang giải quyết các vấn đề bộ nhớ của trình duyệt hoặc Node.js.

Nguồn: https://github.com/ChromeDevTools/chrome-devtools-mcp/releases/tag/chrome-devtools-mcp-v1.7.0

Cộng đồng học tập tùy chọn: https://t.me/GyaanSetuAi