कंसोल की सुविधाओं का रेफ़रंस

Sofia Emelianova
Sofia Emelianova

इस पेज पर, Chrome DevTools कंसोल की सुविधाओं का रेफ़रंस दिया गया है. यह मानता है कि लॉग किए गए मैसेज देखने और JavaScript चलाने के लिए, आपको कंसोल का इस्तेमाल करना पहले से ही पता है. अगर नहीं, तो शुरू करेंदेखें.

अगर आपको console.log() जैसे फ़ंक्शन पर एपीआई का रेफ़रंस चाहिए, तो Console API रेफ़रंस लेख पढ़ें. monitorEvents() जैसे फ़ंक्शन की जानकारी के लिए, Console Utilities API रेफ़रंस देखें.

कंसोल खोलें

कंसोल को पैनल या ड्रॉर में टैब के तौर पर खोला जा सकता है.

कंसोल पैनल खोलें

Control+Shift+J या Command+Option+J (Mac) दबाएं.

कंसोल.

कमांड मेन्यू से कंसोल खोलने के लिए, Console टाइप करना शुरू करें. इसके बाद, कंसोल निर्देश दिखाएं जिसके आगे पैनल बैज लगा है.

कंसोल पैनल दिखाने का निर्देश.

ड्रॉर में कंसोल खोलें

Escape दबाएं या कस्टमाइज़ और कंट्रोल DevTools पर क्लिक करें DevTools को पसंद के मुताबिक बनाएं और कंट्रोल करें. और फिर कंसोल ड्रॉर दिखाएं को चुनें.

कंसोल ड्रॉर दिखाएं.

ड्रॉर, आपकी DevTools विंडो के सबसे नीचे पॉप-अप होता है, जिसमें कंसोल टैब खुला होता है.

ड्रॉर में कंसोल टैब.

कमांड मेन्यू से 'कंसोल' टैब खोलने के लिए, Console टाइप करना शुरू करें. इसके बाद, कंसोल कमांड दिखाएं, जिसके आगे ड्रॉर बैज लगा हो.

ड्रॉर में कंसोल टैब दिखाने का निर्देश.

कंसोल की सेटिंग खोलें

कंसोल के सबसे ऊपर दाएं कोने में मौजूद, सेटिंग. कंसोल सेटिंग पर क्लिक करें.

में दी गई DevTool सेटिंग को समझने में गलती न करें.सेटिंग.

कंसोल सेटिंग.

नीचे दिए गए लिंक हर सेटिंग के बारे में बताते हैं:

कंसोल साइडबार दिखाएं पर क्लिक करें कंसोल साइडबार दिखाएं.. इससे साइडबार को फ़िल्टर करने में मदद मिलेगी.

कंसोल साइडबार.

मैसेज देखें

इस सेक्शन में ऐसी सुविधाएं शामिल हैं जो कंसोल में मैसेज को पेश करने का तरीका बदल देती हैं. सिलसिलेवार तरीके से निर्देश पाने के लिए, मैसेज देखें पर जाएं.

मैसेज की ग्रुप बनाने की सुविधा बंद करें

कंसोल सेटिंग खोलें और कंसोल के मैसेज को ग्रुप करने के डिफ़ॉल्ट तरीके को बंद करने के लिए, मिलते-जुलते ग्रुप को बंद करें. उदाहरण के लिए, XHR लॉग करें और अनुरोध फ़ेच करें देखें.

ब्रेकपॉइंट से मिले मैसेज देखें

कंसोल, ब्रेकपॉइंट से ट्रिगर होने वाले मैसेज को इस तरह मार्क करता है:

कंसोल, शर्त के साथ ब्रेकपॉइंट और लॉगपॉइंट के हिसाब से बनाए गए मैसेज को मार्क करता है.

सोर्स पैनल में इनलाइन ब्रेकपॉइंट एडिटर पर जाने के लिए, ब्रेकपॉइंट मैसेज के आगे मौजूद ऐंकर लिंक पर क्लिक करें.

स्टैक ट्रेस देखें

कंसोल, गड़बड़ियों और चेतावनियों के लिए स्टैक ट्रेस को अपने-आप कैप्चर करता है. स्टैक ट्रेस, फ़ंक्शन कॉल (फ़्रेम) का इतिहास होता है. इसकी वजह से गड़बड़ी या चेतावनी मिलती है. कंसोल टैब में उन्हें उलटे क्रम में दिखता है: सबसे नया फ़्रेम सबसे ऊपर होता है.

स्टैक ट्रेस देखने के लिए, किसी गड़बड़ी या चेतावनी के आगे मौजूद, बड़ा करें. 'बड़ा करें' आइकॉन पर क्लिक करें.

स्टैक ट्रेस.

स्टैक ट्रेस में गड़बड़ी की वजहें देखें

अगर कोई हो, तो कंसोल आपको स्टैक ट्रेस में गड़बड़ी की वजहों की चेन दिखा सकता है.

डीबग करने की प्रोसेस को आसान बनाने के लिए, गड़बड़ियों को ठीक करके उन्हें फिर से सबमिट करते समय, गड़बड़ी की वजहों के बारे में बताया जा सकता है. जैसे ही कंसोल, समस्या की वजहों की जानकारी देता है, यह गड़बड़ी के हर स्टैक को Caused by: प्रीफ़िक्स के साथ प्रिंट करता है, ताकि आप मूल गड़बड़ी को ढूंढ सकें.

गड़बड़ी की एक चेन की वजह से स्टैक ट्रेस में 'इसकी वजह:' प्रीफ़िक्स शुरू हो जाता है.

एक साथ काम नहीं करने वाली स्टैक ट्रेस देखें

अगर यह सुविधा आपके इस्तेमाल किए जा रहे फ़्रेमवर्क के साथ काम करती है या सीधे ब्राउज़र शेड्यूलिंग प्रिमिटिव (जैसे, setTimeout) का इस्तेमाल करते समय काम करती है, तो DevTools एसिंक्रोनस कोड के दोनों हिस्सों को एक साथ लिंक करके, एसिंक्रोनस ऑपरेशन को ट्रेस कर सकता है.

इस मामले में, स्टैक ट्रेस एक साथ काम नहीं करने वाली प्रोसेस की "पूरी जानकारी" दिखाता है.

एक साथ काम नहीं करने वाली स्टैक ट्रेस.

स्टैक ट्रेस में, तीसरे पक्ष के ऐसे फ़्रेम दिखाएं जिनके बारे में आपको जानकारी है

जब सोर्स मैप में डिफ़ॉल्ट रूप से ignoreList फ़ील्ड शामिल होता है, तो कंसोल स्टैक से तीसरे पक्ष के फ़्रेम को छिपा देता है. यह बंडलर (जैसे कि वेबपैक) या फ़्रेमवर्क (जैसे कि ऐंगुलर) से जनरेट किए गए सोर्स से जनरेट होते हैं.

तीसरे पक्ष के फ़्रेम के साथ-साथ फ़ुल स्टैक ट्रेस को देखने के लिए, स्टैक ट्रेस के सबसे नीचे ज़्यादा फ़्रेम दिखाएं पर क्लिक करें.

N और फ़्रेम दिखाएं.

फ़ुल स्टैक ट्रेस को हमेशा देखने के लिए, सेटिंग. सेटिंग > सूची को अनदेखा करें > तीसरे पक्ष की स्क्रिप्ट को अनदेखा करने की सूची में अपने-आप जोड़ने की सुविधा सेटिंग को बंद करें.

तीसरे पक्ष की जानी-पहचानी स्क्रिप्ट को, अनदेखा करने की सूची में अपने-आप जोड़ दें.

XHR को लॉग करें और अनुरोध फ़ेच करें

कंसोल सेटिंग खोलें और सभी XMLHttpRequest और Fetch अनुरोधों को उनके होते ही कंसोल पर लॉग करने के लिए, XMLHttpRequests को चालू करें.

XMLHttpRequest लॉग इन करना और अनुरोध फ़ेच करना.

ऊपर दिए गए उदाहरण में सबसे ऊपर दिया गया मैसेज, कंसोल के डिफ़ॉल्ट ग्रुप व्यवहार के बारे में बताता है. नीचे दिए गए उदाहरण से पता चलता है कि मैसेज ग्रुप को बंद करने के बाद वही लॉग कैसा दिखता है.

लॉग किए गए XMLHttpRequest और फ़ेच अनुरोध, ग्रुप से हटाए जाने के बाद कैसे दिखते हैं.

सभी पेज लोड पर मैसेज लागू न करें

जब भी कोई नया पेज लोड किया जाता है, तो कंसोल डिफ़ॉल्ट रूप से हट जाता है. मैसेज को पेज लोड में बनाए रखने के लिए, कंसोल सेटिंग खोलें. इसके बाद, लॉग बचाएं चेकबॉक्स को चालू करें.

नेटवर्क मैसेज छिपाएं

ब्राउज़र, नेटवर्क मैसेज को डिफ़ॉल्ट रूप से कंसोल पर लॉग करता है. उदाहरण के लिए, नीचे दिए गए उदाहरण में सबसे ऊपर दिया गया मैसेज 404 दिखाता है.

कंसोल में 404 गड़बड़ी वाला मैसेज.

नेटवर्क मैसेज छिपाने के लिए:

  1. कंसोल सेटिंग खोलें.
  2. नेटवर्क छिपाएं चेकबॉक्स चालू करें.

सीओआरएस से जुड़ी गड़बड़ियां दिखाएं या छिपाएं

अगर क्रॉस-ऑरिजिन रिसॉर्स शेयरिंग (सीओआरएस) की वजह से नेटवर्क के अनुरोध पूरे नहीं हो पाते हैं, तो कंसोल सीओआरएस से जुड़ी गड़बड़ियां दिखा सकता है.

सीओआरएस से जुड़ी गड़बड़ियों को दिखाने या छिपाने के लिए:

  1. कंसोल सेटिंग खोलें.
  2. कंसोल में सीओआरएस से जुड़ी गड़बड़ियां दिखाएं चेकबॉक्स पर सही का निशान लगाएं या हटाएं.

कंसोल में सीओआरएस से जुड़ी गड़बड़ियां दिखाएं.

अगर कंसोल को सीओआरएस से जुड़ी गड़बड़ियां दिखाने के लिए सेट किया गया है और आपको उनका सामना करना पड़ता है, तो गड़बड़ियों के बगल में दिए गए बटन पर क्लिक करें:

'नेटवर्क और समस्याएं' बटन.

मैसेज फ़िल्टर करना

Console में मैसेज को फ़िल्टर करने के कई तरीके हैं.

ब्राउज़र के मैसेज फ़िल्टर करना

कंसोल साइडबार खोलें और सिर्फ़ पेज की JavaScript से मिले मैसेज देखने के लिए, उपयोगकर्ता के मैसेज पर क्लिक करें.

उपयोगकर्ता के मैसेज देखना.

लॉग लेवल के हिसाब से फ़िल्टर करें

DevTools console.* के ज़्यादातर तरीकों को गंभीरता के लेवल असाइन करता है.

इसके चार लेवल होते हैं:

  • Verbose
  • Info
  • Warning
  • Error

उदाहरण के लिए, console.log(), Info ग्रुप में है, जबकि console.error(), Error ग्रुप में है. Console API संदर्भ हर लागू तरीके की गंभीरता के स्तर के बारे में बताता है.

ब्राउज़र से कंसोल में लॉग किए जाने वाले हर मैसेज की गंभीरता भी अलग होती है. आपके पास, उन सभी मैसेज को छिपाने का विकल्प होता है जिनमें आपकी दिलचस्पी नहीं है. उदाहरण के लिए, अगर आपकी सिर्फ़ Error मैसेज में दिलचस्पी है, तो बाकी तीन ग्रुप को छिपाया जा सकता है.

Verbose, Info, Warning या Error मैसेज को चालू या बंद करने के लिए, लॉग लेवल ड्रॉप-डाउन पर क्लिक करें.

लॉग लेवल ड्रॉप-डाउन.

कंसोल साइडबार दिखाएं. कंसोल साइडबार को खोलकर, गड़बड़ियां, चेतावनियां, जानकारी या Verbose पर क्लिक करके, लॉग लेवल के हिसाब से भी फ़िल्टर किया जा सकता है.

चेतावनियां देखने के लिए साइडबार का इस्तेमाल करना.

यूआरएल के हिसाब से ईमेल फ़िल्टर करना

सिर्फ़ उस यूआरएल से आए मैसेज देखने के लिए, url: के बाद यूआरएल टाइप करें. url: टाइप करने के बाद, DevTool सभी काम के यूआरएल दिखाता है.

यूआरएल फ़िल्टर.

डोमेन भी काम करते हैं. उदाहरण के लिए, अगर https://example.com/a.js और https://example.com/b.js, मैसेज लॉग कर रहे हैं, तो url:https://example.com आपको इन दो स्क्रिप्ट के मैसेज पर फ़ोकस करने में मदद करता है.

किसी बताए गए यूआरएल के सभी मैसेज छिपाने के लिए, -url: लिखें. इसके बाद यूआरएल, उदाहरण के लिए https://b.wal.co लिखें. यह एक नेगेटिव यूआरएल फ़िल्टर है.

नेगेटिव यूआरएल का फ़िल्टर. DevTools ऐसे सभी मैसेज छिपा रहा है जो बताए गए यूआरएल से मेल खाते हैं.

कंसोल के साइडबार को खोलकर, उपयोगकर्ता के मैसेज सेक्शन को बड़ा करके, उस स्क्रिप्ट के यूआरएल पर क्लिक करें जिस पर फ़ोकस करना है. इसके बाद, उस स्क्रिप्ट के यूआरएल पर क्लिक करें जिस पर आपको फ़ोकस करना है.

किसी खास स्क्रिप्ट से मैसेज देखना.

अलग-अलग कॉन्टेक्स्ट से मैसेज फ़िल्टर करना

मान लें कि आपके पेज पर एक विज्ञापन है. विज्ञापन को <iframe> में एम्बेड किया गया है और यह आपके कंसोल में बहुत से मैसेज जनरेट कर रहा है. यह विज्ञापन अलग JavaScript के संदर्भ में है. इसलिए, इसके मैसेज छिपाने का एक तरीका यह है कि आप कंसोल सेटिंग खोलें और सिर्फ़ चुने गए संदर्भ में चेकबॉक्स को चालू करें.

रेगुलर एक्सप्रेशन के पैटर्न से मैच नहीं करने वाले मैसेज फ़िल्टर करना

उस पैटर्न से मैच न होने वाले मैसेज को फ़िल्टर करने के लिए, फ़िल्टर टेक्स्ट बॉक्स में /[foo]\s[bar]/ जैसा रेगुलर एक्सप्रेशन टाइप करें. स्पेसेज़ का इस्तेमाल नहीं किया जा सकता. इसके बजाय, \s का इस्तेमाल करें. DevTools यह जांच करता है कि पैटर्न, मैसेज के टेक्स्ट में मिला है या मैसेज को लॉग करने की स्क्रिप्ट में.

जैसे, नीचे दिया गया तरीका /[gm][ta][mi]/ से मेल न खाने वाले सभी मैसेज को फ़िल्टर कर देता है.

/[gm][ta][mi]/ से मेल नहीं खाने वाले मैसेज को फ़िल्टर करके.

लॉग मैसेज में मौजूद टेक्स्ट खोजने के लिए:

  1. पहले से मौजूद खोज बार खोलने के लिए, Command+F (Mac) या Ctrl+F (Windows, Linux) दबाएं.
  2. बार में, अपनी क्वेरी लिखें. इस उदाहरण में क्वेरी legacy है. क्वेरी टाइप करना. इसके अलावा, ये काम भी किए जा सकते हैं:
    • अपनी क्वेरी को केस-सेंसिटिव बनाने के लिए, केस मिलाएं. केस मैच करें पर क्लिक करें.
    • रेगुलर एक्सप्रेशन का इस्तेमाल करके खोजने के लिए, रेगुलर एक्सप्रेशन बटन. रेगुलर एक्सप्रेशन का इस्तेमाल करें पर क्लिक करें.
  3. Enter दबाएं. खोज के पिछले या अगले नतीजे पर जाने के लिए, ऊपर या नीचे का बटन दबाएं.

JavaScript चलाएं

इस सेक्शन में, कंसोल में JavaScript चलाने से जुड़ी सुविधाएं दी गई हैं. सिलसिलेवार तरीके से जानकारी पाने के लिए, JavaScript चलाएं देखें.

स्ट्रिंग कॉपी करने के विकल्प

कंसोल, स्ट्रिंग को डिफ़ॉल्ट रूप से मान्य JavaScript लिटरल के रूप में आउटपुट करता है. किसी आउटपुट पर राइट-क्लिक करें और कॉपी करने के तीन विकल्पों में से कोई एक चुनें:

  • JavaScript लिटरल के तौर पर कॉपी करें. इसमें सही खास वर्णों को छोड़ दिया जाता है और स्ट्रिंग को कॉन्टेंट के मुताबिक सिंगल कोट, डबल कोट या बैकटिक में रैप कर दिया जाता है.
  • स्ट्रिंग का कॉन्टेंट कॉपी करें. नई लाइनों और अन्य विशेष वर्णों सहित सटीक रॉ स्ट्रिंग को क्लिपबोर्ड पर कॉपी करता है.
  • JSON लिटरल के तौर पर कॉपी करें. स्ट्रिंग को मान्य JSON फ़ॉर्मैट में बदलता है.

कॉपी करने के विकल्प.

इतिहास से एक्सप्रेशन फिर से चलाएं

कंसोल में पहले चलाए गए JavaScript एक्सप्रेशन का इतिहास देखने के लिए, अप ऐरो बटन दबाएं. उस एक्सप्रेशन को फिर से चलाने के लिए Enter दबाएं.

लाइव एक्सप्रेशन की मदद से, रीयल टाइम में किसी एक्सप्रेशन की वैल्यू देखें

अगर आपको कंसोल में एक ही JavaScript एक्सप्रेशन को बार-बार टाइप करना पड़ता है, तो लाइव एक्सप्रेशन बनाना आपके लिए आसान हो सकता है. लाइव एक्सप्रेशन के साथ, आपको किसी एक्सप्रेशन को एक बार टाइप करना होगा और फिर उसे कंसोल में सबसे ऊपर पिन करना होगा. एक्सप्रेशन की वैल्यू करीब-करीब रीयल-टाइम में अपडेट हो जाती है. लाइव एक्सप्रेशन के साथ रीयल-टाइम में JavaScript एक्सप्रेशन की वैल्यू देखें देखें.

ईगर इवैलुएशन बंद करें

कंसोल में JavaScript एक्सप्रेशन टाइप करने पर, Eager evaluation उस एक्सप्रेशन की रिटर्न वैल्यू की झलक दिखाता है. रिटर्न वैल्यू की झलक बंद करने के लिए, कंसोल सेटिंग खोलें और ईगर इवैलुएशन चेकबॉक्स को बंद करें.

उपयोगकर्ता की गतिविधि को इवैलुएशन की मदद से ट्रिगर करें

उपयोगकर्ता ऐक्टिवेशन, ब्राउज़िंग सेशन की स्थिति होती है, जो उपयोगकर्ता की कार्रवाइयों पर निर्भर करती है. "सक्रिय" स्थिति का मतलब है कि उपयोगकर्ता, फ़िलहाल पेज के साथ इंटरैक्ट कर रहा है या पेज लोड होने के बाद इंटरैक्ट कर चुका है.

किसी भी इवैलुएशन से उपयोगकर्ता ऐक्टिवेशन को ट्रिगर करने के लिए, Console सेटिंग खोलें और चेकबॉक्स. उपयोगकर्ता ऐक्टिवेशन को ट्रिगर करें पर सही का निशान लगाएं.

इतिहास में जाकर, अपने-आप पूरा होने की सुविधा को बंद करें

कोई एक्सप्रेशन टाइप करने पर, कंसोल का अपने-आप पूरा होने वाला पॉप-अप ऐसे एक्सप्रेशन दिखाता है जिन्हें आपने पहले चलाया था. इन एक्सप्रेशन को > वर्ण से पहले जोड़ा जाता है. यहां दिए गए उदाहरण में, DevTools ने पहले document.querySelector('a') और document.querySelector('img') का आकलन किया था.

अपने-आप पूरा होने वाला पॉप-अप, जिसमें इतिहास के एक्सप्रेशन दिख रहे हैं.

कंसोल सेटिंग खोलें और आपके इतिहास से एक्सप्रेशन दिखाना बंद करने के लिए, इतिहास से अपने-आप पूरा होने की सुविधा चेकबॉक्स को बंद करें.

JavaScript कॉन्टेक्स्ट चुनें

JavaScript कॉन्टेक्स्ट ड्रॉप-डाउन, डिफ़ॉल्ट रूप से सबसे ऊपर पर सेट होता है. यह मुख्य दस्तावेज़ के ब्राउज़िंग कॉन्टेक्स्ट को दिखाता है.

JavaScript कॉन्टेक्स्ट ड्रॉप-डाउन.

मान लें कि आपके पेज पर <iframe> में एम्बेड किया गया एक विज्ञापन है. आप विज्ञापन के DOM को बदलने के लिए JavaScript चलाना चाहते हों. ऐसा करने के लिए, पहले आपको JavaScript संदर्भ ड्रॉप-डाउन से विज्ञापन का ब्राउज़िंग संदर्भ चुनना होगा.

JavaScript का कोई दूसरा कॉन्टेक्स्ट चुनना.

ऑब्जेक्ट की प्रॉपर्टी की जांच करें

कंसोल, आपके तय किए गए JavaScript ऑब्जेक्ट की प्रॉपर्टी की इंटरैक्टिव सूची दिखा सकता है.

सूची ब्राउज़ करने के लिए, कंसोल में ऑब्जेक्ट का नाम टाइप करें और Enter दबाएं.

डीओएम ऑब्जेक्ट की प्रॉपर्टी की जांच करने के लिए, डीओएम ऑब्जेक्ट की प्रॉपर्टी देखना लेख में दिया गया तरीका अपनाएं.

मालिकाना हक और इनहेरिट की गई प्रॉपर्टी स्पॉट

कंसोल ऑब्जेक्ट की प्रॉपर्टी को पहले क्रम से लगाता है और उन्हें बोल्ड फ़ॉन्ट में हाइलाइट करता है.

ऑब्जेक्ट की प्रॉपर्टी दिखाई जा रही हैं.

प्रोटोटाइप चेन से इनहेरिट की गई प्रॉपर्टी, सामान्य फ़ॉन्ट में होती हैं. कंसोल, पहले से मौजूद ऑब्जेक्ट से जुड़े नेटिव ऐक्सेसर का आकलन करके, उन्हें खुद ही ऑब्जेक्ट पर दिखाता है.

इनहेरिट की गई प्रॉपर्टी दिखाई जा रही हैं.

कस्टम ऐक्सेसर का आकलन करना

डिफ़ॉल्ट रूप से, DevTools आपके बनाए गए ऐक्सेसर का आकलन नहीं करता. पसंद के मुताबिक ऐक्सेसर. किसी ऑब्जेक्ट पर कस्टम ऐक्सेसर की जांच करने के लिए, (...) पर क्लिक करें. कस्टम ऐक्सेसर की जांच की गई.

इन प्रॉपर्टी को गिना जा सकता है और इनकी गिनती नहीं की जा सकती है

गिने जा सकने वाले प्रॉपर्टी चमकदार रंग होते हैं. जिन प्रॉपर्टी की गिनती नहीं की जा सकती उन्हें म्यूट किया जाता है. गिनने लायक और न बताई जाने वाली प्रॉपर्टी. for … in लूप या Object.keys() तरीके की मदद से अनगिनत प्रॉपर्टी का इस्तेमाल फिर से किया जा सकता है.

क्लास इंस्टेंस की निजी प्रॉपर्टी का पता लगाएं

कंसोल, # प्रीफ़िक्स वाले क्लास इंस्टेंस की निजी प्रॉपर्टी तय करता है.

क्लास इंस्टेंस की निजी प्रॉपर्टी.

कंसोल भी निजी प्रॉपर्टी को अपने-आप पूरा कर सकता है. ऐसा तब भी होता है, जब क्लास के स्कोप के अलावा, प्रॉपर्टी का आकलन किया जाता है.

निजी प्रॉपर्टी अपने-आप पूरी हुई.

अंदरूनी JavaScript प्रॉपर्टी की जांच करना

ECMAScript नोटेशन का इस्तेमाल करके, Console में कुछ प्रॉपर्टी को डबल स्क्वेयर ब्रैकेट में रखा जाता है. ये प्रॉपर्टी, JavaScript के लिए इंटरनल ब्रैकेट के अंदर होती हैं. आपके कोड में ऐसी प्रॉपर्टी के साथ इंटरैक्ट नहीं किया जा सकता. हालांकि, उनकी जांच करना मददगार साबित हो सकता है.

आपको अलग-अलग ऑब्जेक्ट पर, नीचे दी गई इंटरनल प्रॉपर्टी दिख सकती हैं:

फ़ंक्शन की जांच करें

JavaScript में, फ़ंक्शन भी प्रॉपर्टी वाले ऑब्जेक्ट होते हैं. हालांकि, अगर कंसोल में फ़ंक्शन का नाम टाइप किया जाता है, तो DevTools उसकी प्रॉपर्टी दिखाने के बजाय उसे कॉल करता है.

JavaScript के लिए अंदरूनी फ़ंक्शन प्रॉपर्टी देखने के लिए, console.dir() कमांड का इस्तेमाल करें.

किसी फ़ंक्शन की प्रॉपर्टी की जांच करना.

फ़ंक्शन में ये प्रॉपर्टी होती हैं:

  • [[FunctionLocation]]. सोर्स फ़ाइल में फ़ंक्शन की परिभाषा वाली लाइन का लिंक.
  • [[Scopes]]. यह उन वैल्यू और एक्सप्रेशन की सूची बनाता है जिनके पास फ़ंक्शन का ऐक्सेस है. डीबग करने के दौरान, फ़ंक्शन के स्कोप की जांच करने के लिए, लोकल, क्लोज़र, और ग्लोबल प्रॉपर्टी देखना और उनमें बदलाव करना लेख पढ़ें.
  • बाउंड फ़ंक्शन में ये प्रॉपर्टी होती हैं:
    • [[TargetFunction]]. bind() का टारगेट.
    • [[BoundThis]]. this की वैल्यू.
    • [[BoundArgs]]. फ़ंक्शन आर्ग्युमेंट का कलेक्शन. बाउंड फ़ंक्शन.
  • जनरेटर फ़ंक्शन, [[IsGenerator]]: true प्रॉपर्टी से मार्क किए जाते हैं. जनरेटर फ़ंक्शन.
  • जनरेटर, इटरेटर ऑब्जेक्ट दिखाते हैं और उनमें ये प्रॉपर्टी होती हैं:
    • [[GeneratorLocation]]. सोर्स फ़ाइल में जनरेटर की परिभाषा वाली लाइन का लिंक.
    • [[GeneratorState]]: suspended, closed या running.
    • [[GeneratorFunction]]. ऑब्जेक्ट देने वाला जनरेटर.
    • [[GeneratorReceiver]]. एक ऑब्जेक्ट जिसे वैल्यू मिलती है. इटरेटर ऑब्जेक्ट.

कंसोल मिटाएं

कंसोल को हटाने के लिए, इनमें से किसी भी वर्कफ़्लो का इस्तेमाल किया जा सकता है:

  • कंसोल मिटाएं आसान. पर क्लिक करें.
  • मैसेज पर राइट क्लिक करें. इसके बाद, कंसोल मिटाएं को चुनें.
  • कंसोल में clear() लिखें और फिर Enter दबाएं.
  • अपने वेबपेज की JavaScript से console.clear() को कॉल करें.
  • कंसोल के फ़ोकस में होने पर, Control+L दबाएं.