DevTools में किए गए कोड में हुए बदलावों को ट्रैक करने के लिए, बदलाव पैनल का इस्तेमाल करें.
खास जानकारी
बदलाव पैनल की मदद से, इनमें किए गए बदलावों को ट्रैक करें:
- चालू किए गए लोकल ओवरराइड वाले सोर्स में एचटीएमएल
- एलिमेंट में सीएसएस > स्टाइल या सोर्स
- सोर्स में JavaScript
बदलाव पैनल में, सिर्फ़ DevTools में किए गए बदलाव दिखते हैं. DevTools या अपने पेज को फिर से लोड करने पर, बदलाव गायब हो जाते हैं.
DevTools में किए गए बदलावों को पेज लोड पर लागू रखने के लिए, लोकल ओवरराइड में दिया गया तरीका अपनाएं.
DevTools से अपने लोकल सोर्स में बदलाव करने के लिए, फ़ाइल फ़ोल्डर की मदद से फ़ाइलों में बदलाव करना और उन्हें सेव करना लेख में दिया गया तरीका अपनाएं.
बदलाव पैनल खोलें
बदलाव पैनल खोलने के लिए:
Command मेन्यू खोलने के लिए, Command+Shift+P (Mac) या Control+Shift+P (Windows, Linux, ChromeOS) दबाएं.
changesटाइप करना शुरू करें, बदलाव दिखाएं को चुनें, और Enter दबाएं.
इसके अलावा, सबसे ऊपर दाएं कोने में मौजूद, 
DevTools को पसंद के मुताबिक बनाएं और उसे कंट्रोल करें पर क्लिक करें > ज़्यादा टूल > बदलाव.
डिफ़ॉल्ट रूप से, DevTools आपकी DevTools विंडो के नीचे ड्रॉर में बदलाव पैनल दिखाता है.
आपने जो बदलाव किए हैं उन्हें देखना और समझना
अपने बदलाव देखने के लिए:
- DevTools खोलें.
अपने सोर्स में बदलाव करें:
- एचटीएमएल: सबसे पहले, स्थानीय बदलावों को चालू करें. इसके बाद, सोर्स में बदलाव करें
- एलिमेंट में सीएसएस > स्टाइल या सोर्स
- सोर्स में JavaScript
बदलाव पैनल खोलें और पैनल की दाईं ओर मौजूद कोई फ़ाइल चुनें.
diffके उस आउटपुट को देखें जो इन बातों को हाइलाइट करता है:
बदलाव पैनल, diff आउटपुट को अपने-आप प्रिटी-प्रिंट करता है, ताकि आपको बदलाव एक ही लाइन में देखने के लिए हॉरिज़ॉन्टल रूप से स्क्रोल नहीं करना पड़े.
सीएसएस में किए गए बदलावों को कॉपी करें
अगर आपने एलिमेंट में सीएसएस में बदलाव किए हैं > स्टाइल, एक बटन से इन सभी को कॉपी किया जा सकता है:
बदलाव पैनल खोलें और पैनल की दाईं ओर, वह सीएसएस फ़ाइल चुनें जिसमें आपने बदलाव किए हैं.
बदलाव पैनल में सबसे नीचे मौजूद,
कॉपी करें बटन पर क्लिक करें.
फ़ाइल में किए गए सभी बदलावों को पहले जैसा करना
किसी फ़ाइल में किए गए बदलावों को पहले जैसा करने के लिए:
- बदलाव पैनल के बाईं ओर, वह फ़ाइल चुनें जिसे वापस लाना है.
- सबसे नीचे कार्रवाई बार में,
मौजूदा फ़ाइल के सभी बदलावों को पहले जैसा करें पर क्लिक करें.
