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