DOM ऑब्जेक्ट की प्रॉपर्टी को ब्राउज़ और फ़िल्टर करने के लिए, एलिमेंट > प्रॉपर्टी पैनल का इस्तेमाल करें.
प्रॉपर्टी पैनल खोलें
प्रॉपर्टी पैनल खोलने के लिए, यह तरीका अपनाएं:
- DevTools खोलें. डिफ़ॉल्ट रूप से, एलिमेंट पैनल खुलता है.
- डीओएम ट्री में, कोई नोड चुनें.
- Properties टैब खोलें. अगर आपको टैब नहीं दिख रहा है, तो ज़्यादा
पर क्लिक करें. इसके बाद, ड्रॉप-डाउन मेन्यू से उसे चुनें.
अपनी प्रॉपर्टी स्पॉट करें
प्रॉपर्टी पैनल, ऑब्जेक्ट की प्रॉपर्टी को क्रम से लगाता है और बोल्ड फ़ॉन्ट में दिखाता है.
इनहेरिट की गई प्रॉपर्टी का ऑरिजिन पता करना
प्रॉपर्टी पैनल में, पहले से मौजूद एलिमेंट के ऐक्सेसर का आकलन किया जाता है. साथ ही, उन्हें ऑब्जेक्ट पर इनहेरिट किए गए और सामान्य फ़ॉन्ट के तौर पर दिखाया जाता है.
इनहेरिट की गई प्रॉपर्टी का ऑरिजिन ढूंढने के लिए, किसी ऑब्जेक्ट को बड़ा करें. इसके बाद, उसके [[Prototype]], फिर नेस्ट किए गए [[Prototype]] वगैरह को बड़ा करें.
इस उदाहरण में, आपके पास यह पता लगाने का विकल्प है कि इनहेरिट की गई size प्रॉपर्टी कहां से आई है. इसके लिए, प्रोटोटाइप चेन में मूल प्रॉपर्टी (बोल्ड) की मदद से, उससे जुड़े गेटर का पता लगाएं.
इसके अलावा, प्रोटोटाइप की खास प्रॉपर्टी सिर्फ़ प्रोटोटाइप पर दिखाई जाती हैं, चीज़ों पर नहीं. इससे ऑब्जेक्ट का पता लगाना आसान हो जाता है.
फ़िल्टर प्रॉपर्टी
किसी प्रॉपर्टी को तुरंत खोजने के लिए, फ़िल्टर टेक्स्ट बॉक्स में उसका नाम या वैल्यू टाइप करना शुरू करें.
सभी प्रॉपर्टी दिखाएं
डिफ़ॉल्ट रूप से, प्रॉपर्टी पैनल में null और undefined वैल्यू वाली प्रॉपर्टी नहीं दिखती हैं.
सभी प्रॉपर्टी देखने के लिए, सभी दिखाएं को चुनें.
प्रॉपर्टी के बारे में जानकारी
एलिमेंट > प्रॉपर्टी पैनल में कई तरह की प्रॉपर्टी दिखती हैं.
सामान्य प्रॉपर्टी
सामान्य प्रॉपर्टी, <name>: <value> के जोड़े होती हैं.
ऑब्जेक्ट और अरे
छोटे किए जा सकने वाले (
) प्रॉपर्टी, ऑब्जेक्ट {} या कलेक्शन [] होते हैं.
JavaScript ऑब्जेक्ट की जांच करने के बारे में ज़्यादा जानकारी के लिए, ऑब्जेक्ट की प्रॉपर्टी की जांच करना लेख पढ़ें.
डीओएम नोड से जुड़ी प्रॉपर्टी
डीओएम नोड से जुड़ी प्रॉपर्टी, लिंक होती हैं. डीओएम ट्री में काम का नोड चुनने के लिए, लिंक पर क्लिक करें.
मालिकाना हक और इनहेरिट की गई प्रॉपर्टी
बोल्ड फ़ॉन्ट में प्रॉपर्टी की अपनी प्रॉपर्टी हैं. उन्हें सीधे ऑब्जेक्ट पर परिभाषित किया जाता है.
सामान्य फ़ॉन्ट में प्रॉपर्टी, प्रोटोटाइप चेन से ली जाती हैं. इन्हें आपको दिखाने के लिए, DevTools पहले से मौजूद एचटीएमएल एलिमेंट पर काम के ऐक्सेसर का आकलन करता है.
Dev टूल, प्रॉपर्टी को पहले ही क्रम से लगाता है, ताकि उन्हें आसानी से देखा जा सके.
गिनने लायक और न बताई जाने वाली प्रॉपर्टी
गिने जा सकने वाले प्रॉपर्टी चमकदार रंग होते हैं. जिन प्रॉपर्टी की गिनती नहीं की जा सकती उन्हें म्यूट किया जाता है.
for … in लूप या Object.keys() तरीके का इस्तेमाल करके, गिनती के लायक प्रॉपर्टी पर फिर से काम किया जा सकता है.
तरीके
तरीकों को f () से मार्क किया गया है.
फ़ंक्शन के बारे में ज़्यादा जानकारी के लिए, कंसोल में जाकर फ़ंक्शन की जांच करना लेख पढ़ें.