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