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

Sofia Emelianova

DevTools में कोड में किए गए बदलावों को ट्रैक करने के लिए, बदलाव पैनल का इस्तेमाल करें.

खास जानकारी

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

• सोर्स में एचटीएमएल, जिसमें लोकल बदलाव की सुविधा चालू हो
• एलिमेंट > स्टाइल या सोर्स में सीएसएस
• सोर्स में JavaScript

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

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

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

बदलावों का पैनल खोलना

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

1. DevTools खोलें.

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

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

   

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

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

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

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

1. DevTools खोलें.

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

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

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

4. diff आउटपुट देखें, जिसमें ये चीज़ें हाइलाइट की गई हैं:

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

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

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

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

   

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

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

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

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