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