2011-09-08 14 views
18

डीबगिंग करते समय जावास्क्रिप्ट कोड को संशोधित करने का कोई तरीका है? विजुअल स्टूडियो में "संपादित करें और जारी रखें", और जावा और अन्य भाषाओं में कोड के समान हॉट स्वैपिंग किया जा सकता है। क्या यह जावास्क्रिप्ट के साथ किया जा सकता है, और यदि हां, तो कैसे?रन टाइम पर जावास्क्रिप्ट कोड को कैसे संशोधित करें?

+1

आप क्रोम डीबगर में देख सकते हैं, http://stackoverflow.com/questions/5067532/editing-in-chrome-debugger –

+0

@Adam पर शीर्ष उत्तर देखें: इसे उत्तर के रूप में पोस्ट करें! – icktoofay

+0

मैंने किया था! इसे एक छोटे से के रूप में चिह्नित किया गया था और एक टिप्पणी में परिवर्तित! सुनिश्चित नहीं है कि प्रश्न को डुप्ली के रूप में कैसे चिह्नित करें :( –

उत्तर

11

क्रोम, सफारी, और कुछ अन्य वेबकिट-आधारित ब्राउज़रों में वेब इंस्पेक्टर में एक लाइव सुविधा है जिसे लाइव एडिट के नाम से जाना जाता है। यदि आप स्क्रिप्ट पैनल पर जाते हैं और ब्रेकपॉइंट पर रोक दिए जाते हैं (या हो सकता है कि ब्रेकपॉइंट पर बंद न हो - मुझे यकीन नहीं है), तो आप लाइन पर डबल क्लिक कर सकते हैं और उस लाइन को संपादित करना शुरू कर सकते हैं। आपके द्वारा किए गए परिवर्तन स्क्रिप्ट पर प्रभावी होंगे।

+3

क्या आप निश्चित हैं? Google क्रोम में लगभग 2 वर्षों तक लाइव संपादन टूटा हुआ है! – puchu

+3

@puchu: आप सही हैं, यह अब और काम नहीं कर रहा है। जब मैंने चार साल पहले उत्तर पोस्ट किया तो यह काम करता था ... – icktoofay

2

यदि आप डिबगिंग के दौरान बात कर रहे हैं, तो चल रहे कोड को संशोधित करना बहुत आसान है। अपने डिबगिंग कंसोल में, आप जावास्क्रिप्ट एक्सप्रेशन में प्रवेश कर सकते हैं और यह विंडो के संदर्भ में चलाएगा, जिसमें आपके कोड के सभी ऑब्जेक्ट्स और फ़ंक्शन शामिल हैं, ताकि आप उन्हें फिर से परिभाषित करके उन्हें स्वैप कर सकें।

9

क्रोम डेवलपर टूल के साथ, यह बहुत आसान है।

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

आप इस बात लेकिन पॉल आयरिश घड़ी है, वह दिखाता है कि आप मक्खी

http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/

भी अच्छा पर एक स्क्रिप्ट संपादित कर सकते हैं:

http://blip.tv/jsconf/jsconf2011-paul-irish-5382827

+2

फ़ायरफ़ॉक्स ब्राउज़र के लिए [फ़ायरबग] (http://getfirebug.com/) है। – sanmai

+0

हाँ, फ़ायरबग भी बहुत अच्छा है :) – wesbos

+1

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

0

क्योंकि जावास्क्रिप्ट डीओएम को संशोधित कर सकता है, आपको अनिवार्य रूप से जावास्क्रिप्ट फ़ाइल को बदलना है, इसे सहेजना और पुनः लोड करना है। मेरे लिए, मुझे आईई पसंद है इसलिए मैं एक ब्राउज़र में वेबपेज चलाता हूं जो डेबग मोड में नहीं है। फिर आप स्क्रिप्ट फाइलों को बदल सकते हैं, उन्हें बचाएं। अपने परिवर्तन देखने के लिए ब्राउज़र पर वापस स्विच करें और पुनः लोड करें (F5)। माना जाता है कि आईई 11 में यह क्षमता है (शायद क्रोम की तरह जो अनिवार्य रूप से मैं कर रहा हूं, जो मैं बता सकता हूं उससे बचत रीलोडिंग बदल रहा हूं) लेकिन मुझे यह नहीं मिल रहा है, अकेले एक जेएस फ़ाइल खोलने दें। सुपर गरीब यूआई। मैं फ़ाइल आइकन खोलने के लिए ब्राउजर का अनुमान लगा रहा हूं enter image description here है लेकिन यह हमेशा ग्रे हो जाता है।

संबंधित मुद्दे