बदलाव: अपने एचटीएमएल, सीएसएस, और JavaScript में हुए बदलावों को ट्रैक करना

बदलाव टैब की मदद से, उन बदलावों को ट्रैक करें जो आपने किए हैं:

• स्थानीय बदलाव वाले सोर्स में एचटीएमएल
• एलिमेंट > स्टाइल या सोर्स में सीएसएस
• सोर्स में JavaScript

बदलाव टैब में, DevTools में किए गए बदलाव दिखते हैं. DevTools या अपने पेज को फिर से लोड करने पर, बदलाव हट जाते हैं.

DevTools में बदलाव को पेज लोड में बनाए रखने के लिए, स्थानीय बदलाव में दिया गया तरीका अपनाएं.

DevTools अपने स्थानीय सोर्स में बदलाव करने के लिए, फ़ाइल फ़ोल्डर की मदद से फ़ाइलों में बदलाव करना और उन्हें सेव करना में दिया गया तरीका अपनाएं.

बदलाव टैब खोलना

बदलाव टैब खोलने के लिए:

1. DevTools खोलें.

2. Command मेन्यू खोलने के लिए, Command+Shift+P (Mac) या Control+Shift+P (Windows, Linux, ChromeOS) दबाएं.

3. changes टाइप करना शुरू करें, बदलाव दिखाएं को चुनें, और Enter दबाएं.

   

इसके अलावा, सबसे ऊपर दाएं कोने में मौजूद DevTools को पसंद के मुताबिक बनाएं और कंट्रोल करें > ज़्यादा टूल > बदलाव पर क्लिक करें.

परिवर्तन" चौड़ाई="800" ऊंचाई="460">

डिफ़ॉल्ट रूप से, DevTools आपकी DevTools विंडो के सबसे नीचे, ड्रॉर में बदलाव टैब दिखाता है.

अपने बदलावों को देखना और समझना

अपने बदलाव देखने के लिए:

1. DevTools खोलें.

2. सोर्स में बदलाव करें:

   • एचटीएमएल: सबसे पहले, स्थानीय बदलाव को चालू करें, फिर सोर्स में बदलाव करें
   • एलिमेंट > स्टाइल या सोर्स में सीएसएस
   • सोर्स में JavaScript

3. बदलाव टैब खोलें और टैब के दाईं ओर मौजूद कोई फ़ाइल चुनें.

4. diff के आउटपुट पर नज़र रखें, जो इन बातों को हाइलाइट करती है:

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

सीएसएस में किए गए बदलावों को कॉपी करें

अगर आपने एलिमेंट > स्टाइल में सीएसएस में बदलाव किए हैं, तो एक ही बटन से उन सभी को कॉपी किया जा सकता है:

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

   

2. बदलाव टैब में सबसे नीचे, कॉपी करें बटन पर क्लिक करें.

फ़ाइल में किए गए सभी बदलावों को पहले जैसा करना

फ़ाइल में किए गए बदलावों को पहले जैसा करने के लिए:

1. बदलाव टैब की बाईं ओर, वह फ़ाइल चुनें जिसमें किए गए बदलावों को पहले जैसा करना है.
2. सबसे नीचे मौजूद कार्रवाई बार में, मौजूदा फ़ाइल में किए गए सभी बदलावों को पहले जैसा करें पर क्लिक करें.