मैं क्रोम के डेवलपर टूल का उपयोग करके किसी साइट पर जावास्क्रिप्ट को संपादित करने की कोशिश कर रहा हूं। मैंने लगभग 30 लेख पढ़े हैं कि यह कैसे करना है और साथ ही साथ कुछ वीडियो भी देखे हैं। तथ्य यह है, जब मैं स्रोतों के टैब पर जाता हूं और जिस फ़ाइल को मैं संपादित करना चाहता हूं, उसे खोल देता हूं, मैं इसके लिए कुछ नहीं कर सकता। क्या कोई ऐसा कदम है जो मुझे याद आ रहा है?
मैं ब्रेक पॉइंट बना सकता हूं, कदम बढ़ा सकता हूं, आदि ... मैं अभी संपादित नहीं कर सकता। क्या यह कार्यक्षमता हाल ही में हटा दी गई थी?
जवाबों:
मुझे पता है कि यह प्रश्न बासी है, लेकिन मुझे सिर्फ एक समान समस्या थी और इसका समाधान मिला।
यदि आपके पास फ़ाइल पहले से मौजूद है, तो Chrome संपादन को अनुमति नहीं देगा। मैंने इसे बंद कर दिया और संपादित करने में सक्षम था। यह शर्त लगाना आपकी समस्या थी।
आप "स्रोत" टैब पर डेवलपर टूल में जावास्क्रिप्ट को संपादित कर सकते हैं, लेकिन यह केवल आपको जावास्क्रिप्ट को अपनी फ़ाइल में संपादित करने की अनुमति देगा। HTML (या PHP) फ़ाइल में एम्बेडेड स्क्रिप्ट केवल-पढ़ने के लिए रहेगी।
इसकी कुछ सीमाएँ हैं:
एक जेएस फ़ाइल होना चाहिए। html पृष्ठ में टैग एम्बेड नहीं किए जा सकते।
यह पूर्व निर्धारित नहीं किया जा सकता है।
Sourcesडेवलपर टूल के टैब के तहत सूची से एक जेएस फाइल को शामिल करना संभव है ?
मुझे नहीं पता कि आपको स्थायी रूप से सहेजने के लिए इसकी आवश्यकता है, लेकिन यदि आपको केवल js को अस्थायी रूप से संशोधित करने की आवश्यकता है:
मैं उस जावास्क्रिप्ट को कॉपी कर सकता हूं जिसे मैं एक पाठ संपादक में संशोधित करना चाहता हूं, इसे संपादित करता हूं, फिर इसे कंसोल में पेस्ट करता हूं और यह किसी भी फ़ंक्शन या जो कुछ भी मुझे फिर से परिभाषित करने की आवश्यकता है, उसे फिर से परिभाषित करेगा।
उदाहरण के लिए, यदि पृष्ठ में है:
<script>
var foo = function() { console.log("Hi"); }
</script>
मैं स्क्रिप्ट के बीच सामग्री ले जा सकता हूं, इसे संपादित कर सकता हूं, फिर इसे डीबगर में दर्ज कर सकता हूं जैसे:
foo = function() { console.log("DO SOMETHING DIFFERENT"); }
और यह मेरे लिए काम करेगा।
या अगर आपको पसंद है,
function foo() {
doAThing();
}
तुम बस प्रवेश कर सकते हो
function foo() {
doSomethingElse();
}
और फू को फिर से परिभाषित किया जाएगा।
शायद सबसे अच्छा समाधान नहीं है, लेकिन यह काम करता है। जब तक आप पृष्ठ को फिर से लोड नहीं करेंगे तब तक चलेगा।
मैंने खोज की "क्रोम देव उपकरण संपादित करें जावास्क्रिप्ट"। यह पृष्ठ पहला खोज परिणाम है। लेकिन यह बहुत पुराना है, यह मेरी मदद नहीं करता है।
मैं Chrome 73 का उपयोग कर रहा हूं, Chrome के इस संस्करण में "सक्षम स्थानीय ओवरराइड्स" विकल्प है। फ़ंक्शन का उपयोग करते हुए, मैं एक जावास्क्रिप्ट संपादित कर सकता था और चला और डिबग कर सकता था।
