Google क्रोम के डेवलपर टूल्स पर जावास्क्रिप्ट फ़ाइलों को बदलें

Question

मुझे पता है कि Google क्रोम के कंसोल पर जावास्क्रिप्ट का उपयोग कैसे करें।

लेकिन क्या Google क्रोम के डेवलपर टूल के भीतर से जावास्क्रिप्ट फ़ाइलों को संपादित करना और तुरंत परिवर्तन देखना संभव है? यदि हां, तो कैसे?

मैंने कोड बदलने की कोशिश की है, लेकिन इसका पृष्ठ पर कोई प्रभाव नहीं पड़ता है।

Answer 1

आप पृष्ठ के जावास्क्रिप्ट को संपादित कर सकते हैं। आपको क्रोम के पुराने संस्करण में या हालिया संस्करण में डबल क्लिक करना होगा जिसे आपको जेएस फ़ाइल में एक क्लिक करने की आवश्यकता है। उसके बाद आपको मैक पर Ctrl + S या Cmd + S दबाएं। फिर DevTools बदले गए कोड को V8 पर भेज देगा।

यदि आप डीबग सत्र में हैं और किसी फ़ंक्शन में विराम पर रहते हैं तो आप इसे संपादित कर सकते हैं और Ctrl + S v8 संपादन फ़ंक्शन से निष्पादन बिंदु को स्थानांतरित कर देगा ताकि आप इसे फिर से पारित कर सकें।

Answer 2

आप वैश्विक कार्य को फिर से परिभाषित कर सकते हैं या किसी चर के चर को बदल सकते हैं, लेकिन मुझे रहते हुए क्रोम देव उपकरण में किसी भी तरह से आपके कोड को संपादित करने के बारे में पता नहीं है। मैं संपादित करता हूं, फिर रीफ्रेश मारा जाता हूं।

आप स्रोत टैब में संपादित सीएसएस लाइव कर सकते हैं।