[javascript] क्रोम डीबगर में संपादन



4 Answers

मैं आज इस पर आया, जब मैं किसी और की वेबसाइट के साथ खेल रहा था।

मुझे एहसास हुआ कि मैं गतिशील रूप से संपादित करने के पहले कोड की कुछ पंक्ति में डीबगर में ब्रेक-पॉइंट संलग्न कर सकता हूं। और चूंकि ब्रेक-पॉइंट पृष्ठ के पुनः लोड होने के बाद भी रहते हैं , इसलिए मैं ब्रेक-पॉइंट पर रुकने के दौरान इच्छित परिवर्तनों को संपादित करने में सक्षम था और फिर पेज लोड को जारी रखना जारी रखता था।

तो एक त्वरित काम के रूप में, और यदि यह आपकी स्थिति के साथ काम करता है:

  1. स्क्रिप्ट में पहले बिंदु पर ब्रेक-पॉइंट जोड़ें
  2. पृष्ठ पुनः लोड करें
  3. कोड में अपने परिवर्तन संपादित करें
  4. CTRL + s (परिवर्तन सहेजें)
  5. डीबगर को रोकें
Question

मैं क्रोम डीबगर में जावास्क्रिप्ट कोड को "गतिशील रूप से" कैसे संपादित करूं? यह मेरे लिए नहीं है, इसलिए मेरे पास स्रोत फ़ाइल तक पहुंच नहीं है। मैं कोड संपादित करना चाहता हूं और देख सकता हूं कि पेज पर उनके पास क्या प्रभाव पड़ता है, इस मामले में एक एनीमेशन को कई बार कतारबद्ध करने से रोकना।




यही वह है जिसे आप ढूंढ रहे हैं:

1.- स्रोत टैब पर नेविगेट करें और जावास्क्रिप्ट फ़ाइल खोलें

2.- फ़ाइल को संपादित करें, राइट-क्लिक करें और एक मेनू दिखाई देगा: सहेजें पर क्लिक करें और इसे स्थानीय रूप से सहेजें

Diff को देखने या अपने परिवर्तनों को वापस करने के लिए, मेनू से स्थानीय संशोधनों का विकल्प राइट-क्लिक करें और विकल्प का चयन करें। यदि आप दिखाए गए टाइमस्टैम्प का विस्तार करते हैं तो आप मूल परिवर्तन के संबंध में अपने परिवर्तन अलग-अलग देखेंगे।

यहां अधिक विस्तृत जानकारी: http://www.sitepoint.com/edit-source-files-in-chrome/




क्रोम में जेएस डीबगर के लिए एक सौम्य परिचय है जो मैंने लिखा था। हो सकता है कि यह दूसरों को इस पर जानकारी की तलाश करने में मदद करेगा: http://meeech.amihod.com/getting-started-with-javascript-debugging-in-chrome/




यदि बटन पर चलने वाला जावास्क्रिप्ट क्लिक करता है, तो स्रोत> स्रोत (क्रोम में डेवलपर टूल्स में) के तहत परिवर्तन करना और सहेजने के लिए Ctrl + S दबाकर पर्याप्त है । मेरे द्वारा हमेशा ऐसा ही किया जाता है।

यदि आप पृष्ठ को रीफ्रेश करते हैं, तो आपके जावास्क्रिप्ट परिवर्तन चले जाएंगे, लेकिन क्रोम अभी भी आपके ब्रेक पॉइंट्स को याद रखेगा।




मैं स्क्रिप्ट को बदलने और उस नई स्क्रिप्ट को डीबग करने का एक तरीका ढूंढ रहा था। जिस तरह से मैं ऐसा करने में कामयाब रहा हूं:

  1. उस स्क्रिप्ट की पहली पंक्ति में ब्रेकपॉइंट सेट करें जिसे आप बदलना और डीबग करना चाहते हैं।

  2. पृष्ठ को फिर से लोड करें ताकि ब्रेकपॉइंट मारा जा रहा हो

  3. अपनी नई स्क्रिप्ट पेस्ट करें और इसमें वांछित ब्रेकपॉइंट्स सेट करें

  4. Ctrl + s, और पृष्ठ रीफ्रेश करेगा जिससे पहली पंक्ति में उस ब्रेकपॉइंट को हिट किया जा सकेगा।

  5. जारी रखने के लिए F8, और अब आपकी नई चिपकाई गई स्क्रिप्ट मूल रूप से तब तक बदल जाती है जब तक कोई रीडायरेक्शन और रीलोड नहीं किया जाता है।




Related