Chrome DevTools की मदद से, अपने पूरे ऐप्लिकेशन में कई वैरिएबल आसानी से देखे जा सकते हैं. सोर्स में वैरिएबल देखने से, आपको कंसोल से दूर रहने में मदद मिलती है. साथ ही, अपने कोड को बेहतर बनाने पर फ़ोकस किया जा सकता है.
सोर्स पैनल की मदद से, अपने ऐप्लिकेशन में वैरिएबल देखे जा सकते हैं. यह डीबगर साइडबार के वॉच सेक्शन में मौजूद होता है. इस सुविधा का फ़ायदा उठाकर, आपको बार-बार कंसोल में ऑब्जेक्ट को लॉग करने की ज़रूरत नहीं पड़ेगी.
वैरिएबल जोड़ना
वॉच लिस्ट में कोई वैरिएबल जोड़ने के लिए, सेक्शन के शीर्षक की दाईं ओर मौजूद 'जोड़ें' आइकॉन का इस्तेमाल करें. इससे एक इनलाइन इनपुट खुलेगा, जहां आपको वैरिएबल का नाम डालना होगा. इसके बाद, सूची में जोड़ने के लिए, Enter बटन दबाएं.
वॉचर, वैरिएबल को जोड़ने के बाद उसकी मौजूदा वैल्यू दिखाएगा. अगर वैरिएबल सेट नहीं है या उसे ढूंढा नहीं जा सकता, तो यह
वैरिएबल अपडेट करना
ऐप्लिकेशन के चलने के दौरान, वैरिएबल की वैल्यू बदल सकती हैं. जब तक प्रोग्राम को चरण-दर-चरण चलाया जा रहा है, तब तक वॉच लिस्ट, वैरिएबल का लाइव व्यू नहीं होती. breakpoints का इस्तेमाल करके, प्रोग्राम के रन होने की प्रोसेस को सिलसिलेवार तरीके से देखते समय, निगरानी में रखी गई वैल्यू अपने-आप अपडेट हो जाएंगी. सूची में मौजूद वैरिएबल की मैन्युअल तौर पर फिर से जांच करने के लिए, सेक्शन की हेडिंग की दाईं ओर मौजूद 'रीफ़्रेश करें' बटन को दबाएं.
रीफ़्रेश करने का अनुरोध करने पर, ऐप्लिकेशन की मौजूदा स्थिति की फिर से जांच की जाती है. देखे गए हर आइटम की वैल्यू को अपडेट कर दिया जाएगा.
वैरिएबल हटाना
ज़्यादा से ज़्यादा काम कम समय में करने के लिए, आपको वॉच लिस्ट से वैरिएबल हटाने पड़ सकते हैं. इसके लिए, वैरिएबल पर कर्सर घुमाएं. इसके बाद, दाईं ओर दिखने वाले हटाने के आइकॉन पर क्लिक करें.
