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