تصحيح أخطاء تسريبات الذاكرة باستخدام Chrome DevTools MCP 1.7

توقف عن تزويد مساعد الذكاء الاصطناعي الخاص بك بملفات heap-snapshot ضخمة. فهذه الملفات تستهلك نافذة السياق (context window) وتؤدي إلى استنتاجات خاطئة.

يتيح Chrome DevTools MCP 1.7 لوكلاء الذكاء الاصطناعي (AI agents) تصحيح أخطاء الذاكرة دون الحاجة إلى تحليل البيانات الخام. وتعمل الأدوات الجديدة على تحديد مواقع التسريبات بدقة.

الميزات الجديدة في الإصدار 1.7

  • تعرض أداة Object-details البيانات الوصفية (metadata) بدقة.
  • تسرد الملخصات (Summaries) السياقات الأصلية وأحجامها.
  • تعمل المرشحات (Filters) على عزل الكائنات المختارة.
  • يحصل الوكلاء على منطق مطور للكشف عن التسريبات.
  • تقوم عمال التشخيص (Diagnostic workers) بعمليات التنظيف بشكل أكثر موثوقية.

بروتوكول اللقطات الثلاث (Three-snapshot protocol)

  1. التقط لقطة مرجعية (baseline snapshot).
  2. قم بتشغيل الإجراء المشتبه به 10 مرات، ثم التقط لقطة مستهدفة (target snapshot).
  3. قم بعكس الإجراء والتقط لقطة نهائية.

يتم تأكيد وجود تسريب فقط إذا ظلت الذاكرة مرتفعة في اللقطة النهائية.

سير العمل (Workflow)

  • قارن الملخصات؛ وابحث عن أي زيادة.
  • حدد الفئات (classes) التي تراكمت فيها أكبر قدر من الذاكرة.
  • حدد المالك (الصفحة، أو الإطار، أو السياق).
  • تعمق في نماذج كائنات (object instances) محددة ومسارات الاحتفاظ بها (retaining paths).
  • قم بإصلاح الرابط الأول في السلسلة الذي يشير إلى الكود الخاص بك.

أخطاء شائعة

  • لا تقم أبدًا بتغيير الإصدار (build) أو عدد الدورات (loop count) بين اللقطات.
  • لا تتعامل مع كل سلسلة نصية (string) كبيرة على أنها تسريب.
  • أغلق كل لقطة عند الانتهاء منها.
  • لا تتخطى أبدًا خطوة عكس الإجراء.

يعمل هذا النهج مع 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