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