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

Sofia Emelianova
Sofia Emelianova

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

खास जानकारी

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

बदलाव पैनल में, सिर्फ़ वे बदलाव दिखते हैं जो 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. अपने सोर्स में बदलाव करें:

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

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

बदलावों के पैनल में हाइलाइट किया गया अंतर

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

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

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

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

    कॉपी करें पर टैप करें.

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

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

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

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

'पहले जैसा करें' बटन