HTML पृष्ठ

Question

में एम्बेडेड जावास्क्रिप्ट को डीबग और संपादित करने के लिए Google क्रोम का उपयोग करना क्रोम डेवलपर टूल ब्राउज़र में जावास्क्रिप्ट को संपादित करने की अनुमति देता है यदि जावास्क्रिप्ट एक .js फ़ाइल में है। हालांकि, ऐसा लगता है कि मुझे HTML पृष्ठ में एम्बेड की गई जावास्क्रिप्ट को संपादित करने की अनुमति नहीं है। यानी:

<script type="text/javascript> 
// code here that I want to debug/edit 
</script> 

यह मेरे लिए एक बड़ी समस्या है क्योंकि मेरे पास एक निश्चित पृष्ठ में एम्बेडेड जावास्क्रिप्ट है।

इस प्रश्न के समान: Edit JavaScript blocks of web page... live लेकिन यह फ़ायरफ़ॉक्स के बारे में है, क्रोम नहीं।

मैं Google क्रोम डेवलपर टूल का उपयोग करके HTML पृष्ठ में एम्बेडेड जावास्क्रिप्ट को कैसे संपादित कर सकता हूं?

Answer 1

असल में क्रोम ऐसा करने की अनुमति देता है, में एचटीएमएल फाइलों का चयन करें डेवलपर टूल विंडो में टैब। आप जावास्क्रिप्ट के बजाय HTML देखेंगे और <script> टैग में ब्रेकपॉइंट जोड़ देंगे। इसके अलावा आप debugger; कमांड को स्क्रिप्ट के लिए जोड़ सकते हैं जिसे आप डिबग करना चाहते हैं। उदाहरण के लिए:

<script> 
// some code 
debugger; // This is your breakpoint 
// other code you will able to debugg 
</script> 

debugger; के दूर करने के लिए भूल जाते हैं जब आप अपनी वेबसाइट जारी करने के लिए नहीं करना चाहते।

Answer 2

तत्व टैब पर जाएं, अपनी स्क्रिप्ट ढूंढें, आपको जिस हिस्से की आवश्यकता है उसे राइट क्लिक करें और "HTML के रूप में संपादित करें" चुनें।

यदि HTML के रूप में संपादित नहीं होता है, तो नोड पर डबल क्लिक करें और इसे हाइलाइट और संपादन योग्य होना चाहिए।

Answer 3

मुझे उस फ़ाइल को ढूंढने में एक कठिन समय था जिसमें मेरी इनलाइन/एम्बेडेड जावास्क्रिप्ट थी। ये समस्या हो रही दूसरों के लिए, यह या उपयोगी नहीं हो सकता ...

विंडोज के लिए

सभी फ़ाइलें है कि बहुत सावधानी से रखा क्लिक करने के बाद दिखाए जाते हैं क्रोम 21.0.1180.89 मीटर का उपयोग करना बटन। देखें:

अब आप डिबगिंग शुरू हो सकता है ...

Answer 4

इन उत्तरों में से कोई भी मेरे लिए काम किया है।

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

उदाहरण के लिए

, अगर पृष्ठ है:

<script> 
var foo = function() { console.log("Hi"); } 
</script> 

मैं स्क्रिप्ट के बीच सामग्री ले जा सकते हैं, इसे संपादित, तो जैसे डिबगर में दर्ज करें:

foo = function() { console.log("DO SOMETHING DIFFERENT"); } 

और यह काम करेंगे मेरे लिए।

या आप की तरह है,

function foo() { 
    doAThing(); 
} 

तुम बस में प्रवेश कर सकते

function foo() { 
    doSomethingElse(); 
} 

और foo नए सिरे से परिभाषित किया जाएगा।

शायद सबसे अच्छा कामकाज नहीं है, लेकिन यह काम करता है।