मेमोरी पैनल में आपको JavaScript ऑब्जेक्ट का मेमोरी डिस्ट्रिब्यूशन देखने, मेमोरी लीक का पता लगाने और उन्हें अलग करने, फ़ंक्शन के हिसाब से मेमोरी के बंटवारे का ब्यौरा पाने जैसे काम करने वाले डाइग्नोस्टिक्स टूल मिलते हैं.
खास जानकारी
मेमोरी पैनल से तीन तरह की प्रोफ़ाइल कैप्चर की जा सकती हैं. ये प्रोफ़ाइल टाइप आपको अलग-अलग नज़रिए से स्नैपशॉट दिखाते हैं और अलग-अलग सुविधाएं देते हैं:
- हीप स्नैपशॉट. हीप स्नैपशॉट, आपके पेज के JavaScript ऑब्जेक्ट और उनसे जुड़े डीओएम नोड के बीच मेमोरी डिस्ट्रिब्यूशन को दिखाते हैं.
- टाइमलाइन पर इंस्ट्रुमेंटेशन का बंटवारा. ऐलोकेशन की टाइमलाइन, समय के साथ इंस्ट्रुमेंट के आधार पर JavaScript की मेमोरी के आवंटन को दिखाती हैं. किसी प्रोफ़ाइल को रिकॉर्ड कर लेने के बाद, समय का अंतराल चुनकर उन ऑब्जेक्ट को देखा जा सकता है जो उस प्रोफ़ाइल में बंटे थे और रिकॉर्डिंग के आखिर तक मौजूद रहते हैं. मेमोरी लीक को अलग से देखने के लिए, इस तरह की प्रोफ़ाइल का इस्तेमाल करें.
- ऐलोकेशन सैंपलिंग. यह सैंपलिंग के तरीके का इस्तेमाल करके, मेमोरी के बंटवारे को रिकॉर्ड करता है. इस प्रोफ़ाइल टाइप में कम से कम परफ़ॉर्मेंस ओवरहेड है और इसका इस्तेमाल लंबे समय तक चलने वाली कार्रवाइयों के लिए किया जा सकता है. यह JavaScript एक्ज़ीक्यूशन स्टैक के हिसाब से बांटे गए आवंटन का अच्छा अनुमान देता है.
इनमें से हर प्रोफ़ाइल को चलाने के लिए, JavaScript वीएम इंस्टेंस चुना जा सकता है.
ज़्यादा जानकारी के लिए, देखें:
मेमोरी पैनल खोलें
मेमोरी पैनल खोलने के लिए:
- DevTools खोलें.
- यह दबाकर कमांड मेन्यू खोलें:
- macOS पर: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
memory
टाइप करना शुरू करें, मेमोरी दिखाएं चुनें, और Enter दबाएं. DevTools आपकी DevTools विंडो में सबसे ऊपर मेमोरी पैनल दिखाता है.
इसके अलावा, मेमोरी पैनल को इन तरीकों से खोला जा सकता है:
- सबसे ऊपर मौजूद कार्रवाई बार में, double_arrow ज़्यादा पैनल पर क्लिक करें और ड्रॉप-डाउन सूची से मेमोरी चुनें.
- सबसे ऊपर दाएं कोने में, more_vert ज़्यादा विकल्प > ज़्यादा टूल > मेमोरी चुनें.