Chrome DevTools MCP 1.7 के साथ मेमोरी लीक (Memory Leaks) को डीबग करें
अपने AI असिस्टेंट को भारी-भरकम heap-snapshot फ़ाइलें देना बंद करें। वे फ़ाइलें context window को भर देती हैं और गलत अनुमानों का कारण बनती हैं।
Chrome DevTools MCP 1.7 AI एजेंट्स को बिना रॉ डेटा (raw data) पार्स किए मेमोरी डीबग करने की सुविधा देता है। नए टूल्स सीधे लीक का सटीक पता लगाते हैं।
वर्जन 1.7 में नए फीचर्स
- Object-details टूल सटीक मेटाडेटा दिखाता है।
- Summaries नेटिव कॉन्टेक्स्ट और उनके साइज की सूची देता है।
- फिल्टर्स चुने हुए ऑब्जेक्ट्स को अलग करते हैं।
- एजेंट्स को अपग्रेड किया गया लीक-डिटेक्शन लॉजिक मिलता है।
- डायग्नोस्टिक वर्कर्स अधिक विश्वसनीय रूप से सफाई (clean up) करते हैं।
थ्री-स्नैपशॉट प्रोटोकॉल (Three-snapshot protocol)
- एक बेसलाइन स्नैपशॉट कैप्चर करें।
- संदिग्ध एक्शन को 10 बार चलाएं, फिर एक टारगेट स्नैपशॉट कैप्चर करें।
- एक्शन को उल्टा (reverse) करें और एक अंतिम स्नैपशॉट कैप्चर करें।
लीक की पुष्टि तभी होती है जब अंतिम स्नैपशॉट में मेमोरी अधिक बनी रहती है।
वर्कफ़्लो (Workflow)
- Summaries की तुलना करें; वृद्धि (growth) देखें।
- उन क्लासेस को पहचानें जिन्होंने सबसे अधिक मेमोरी जमा की है।
- ओनर (पेज, फ्रेम, या कॉन्टेक्स्ट) की पहचान करें।
- विशिष्ट ऑब्जेक्ट इंस्टेंस और उनके रिटेनिंग पाथ (retaining paths) की गहराई से जांच करें।
- चेन में उस पहले लिंक को ठीक करें जो आपके कोड की ओर इशारा करता है।
सामान्य गलतियां (Common pitfalls)
- स्नैपशॉट के बीच कभी भी बिल्ड या लूप काउंट न बदलें।
- हर बड़ी स्ट्रिंग को लीक न समझें।
- काम पूरा होने पर प्रत्येक स्नैपशॉट को बंद कर दें।
- रिवर्स-एक्शन स्टेप को कभी न छोड़ें।
यह दृष्टिकोण Claude Code, Cursor, Copilot, या ब्राउज़र या Node.js मेमोरी समस्याओं से निपटने वाले किसी भी MCP-संगत (compatible) एजेंट के साथ काम करता है।
Source: https://github.com/ChromeDevTools/chrome-devtools-mcp/releases/tag/chrome-devtools-mcp-v1.7.0
Optional learning community: https://t.me/GyaanSetuAi