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

Sofia Emelianova

बदलाव टैब की मदद से, इनमें किए गए बदलावों को ट्रैक करें:

• चालू लोकल ओवरराइड वाले सोर्स में एचटीएमएल
• एलिमेंट > स्टाइल या सोर्स में सीएसएस
• सोर्स में 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. सबसे नीचे कार्रवाई बार में, मौजूदा फ़ाइल के सभी बदलावों को पहले जैसा करें पर क्लिक करें.