सोर्स में वैरिएबल देखें

Chrome DevTools की मदद से, अपने पूरे ऐप्लिकेशन में आसानी से एक से ज़्यादा वैरिएबल देखे जा सकते हैं. सोर्स में वैरिएबल देखने से, आपको कंसोल से बाहर जाने और अपने कोड को बेहतर बनाने पर ध्यान देने में मदद मिलती है.

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

डीबगर का वॉच सेक्शन

वैरिएबल जोड़ना

वॉच लिस्ट में कोई वैरिएबल जोड़ने के लिए, सेक्शन के टाइटल की दाईं ओर मौजूद 'जोड़ें' आइकॉन का इस्तेमाल करें. इससे एक इनलाइन इनपुट खुल जाएगा, जहां आपको देखने के लिए वैरिएबल का नाम देना होगा. जानकारी भर जाने के बाद, उसे सूची में जोड़ने के लिए Enter बटन दबाएं.

'वॉच लिस्ट में जोड़ें' बटन

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

वॉच लिस्ट में ऐसा वैरिएबल है जिसकी जानकारी नहीं है

वैरिएबल अपडेट करना

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

स्मार्टवॉच के वैरिएबल रीफ़्रेश करने का बटन

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

अपडेट किया गया वैरिएबल देखा जा रहा है

वैरिएबल हटाए जा रहे हैं

फटाफट किए जाने वाले काम के लिए ज़रूरी चीज़ों को कम रखने के लिए, आपको स्मार्टवॉच की सूची से वैरिएबल हटाने होंगे. ऐसा करने के लिए, वैरिएबल पर कर्सर घुमाएं और फिर दाईं ओर दिखने वाले 'हटाएं' आइकॉन पर क्लिक करें.

वॉच लिस्ट से हटाने के लिए, वैरिएबल पर कर्सर घुमाएं