37

मैं इसे जावास्क्रिप्ट लाइब्रेरियों में जा रहा बिना Google Chromes डेवलपर उपकरण का उपयोग कर लाइन द्वारा मेरी जावास्क्रिप्ट कोड लाइन के माध्यम से कैसे कदम कर सकते हैं का उपयोग कर?लाइन द्वारा जावास्क्रिप्ट डीबगिंग लाइन गूगल क्रोम

उदाहरण के लिए, मैं अपनी साइट पर jQuery का उपयोग कर रहा हूं, और मैं बस जो jQuery लिखा है उसे डीबग करना चाहता हूं, न कि jquery पुस्तकालयों में जावास्क्रिप्ट/jquery। मैं केवल अपने स्वयं के jquery/जावास्क्रिप्ट के माध्यम से कैसे कदम उठा सकता हूं और jquery पुस्तकालयों में लाखों लाइनों के माध्यम से कदम नहीं उठाना है?

तो अगर मैं निम्नलिखित है:

function getTabFrame() { 
    $.ajax({ 
     url: 'get_tab_frame.aspx?rand=' + Math.random(), 
     type: 'GET', 
     dataType: 'json', 
     error: function(xhr, status, error) { 
      //alert('Error: ' + status + '\nError Text: ' + error + '\nResponse Text: ' + xhr.responseText); 
     }, 
     success: function(data) { 
      $.each(data, function(index, item) { 
       // do something here 
      }); 
     } 
    }); 
} 

अगर मैं $.ajax({ पर ब्रेकप्वाइंट जगह, अगर मैं उन्हें डिबगिंग है कि यह जहां यह बंद हो जाता है, अगर मैं तो F11 दबाते हैं, तो यह सीधे jQuery पुस्तकालयों में चला जाता है शुरू । मैं नहीं चाहता कि ऐसा होने के बाद, मैं इसे अगले पंक्ति पर जाना चाहता हूं जो url: 'get_tab_frame.aspx?rand=' + Math.random(), है।

मैं बजाय F10 दबाने की कोशिश की है, लेकिन वह समारोह के समापन } के लिए सीधे चला जाता है। और एफ 5 प्रत्येक पंक्ति के माध्यम से एक-एक करके बिना किसी ब्रेकपॉइंट पर जाता है।

+0

जब आप मुख्य रूप से समस्याओं के लिए है? जब आप अपवाद हिट करते हैं? –

+0

असल में, मेरे पास इतना जावास्क्रिप्ट है कि मैं अब अपने दिमाग में इसकी संरचना नहीं देख सकता, इसलिए मैं खुद को याद दिलाने के लिए अपने कोड से कदम उठाना चाहता था कि समस्या का पता लगाने के लिए यह सब कैसे काम कर रहा है। .. – oshirowanen

+0

यह http://stackoverflow.com/questions/7827882/avoid-stepping-through-javascript-file-in-chrome-developer-tools?rq=1 – rjmunro

उत्तर

62

मान लें कि आप एक Windows मशीन पर चल रहे हैं ...

  1. मारो F12 कुंजी
  2. Scripts, या Sources, डेवलपर उपकरण में टैब का चयन करें
  3. में थोड़ा फ़ोल्डर आइकन पर क्लिक शीर्ष स्तर
  4. का चयन करें जावास्क्रिप्ट फ़ाइल
  5. पर क्लिक करके ब्रेकपॉइंट जोड़ें बाईं तरफ के लाइन नंबर (कहते हैं एक छोटे नीले मार्कर)
  6. निष्पादन के दौरान आपकी जावास्क्रिप्ट

निष्पादित तब डिबगिंग आप कदम गतियों के एक मुट्ठी भर कर सकते हैं ...

  • F8 जारी रखें: रहेंगे अगले समारोह कॉल पर कदम ( पुस्तकालय में प्रवेश नहीं करेगा)
  • : अगले ब्रेकप्वाइंट
  • से अधिक F10 चरण तक
  • F11 में कदम: अगले समारोह कॉल में कदम ( पुस्तकालय में प्रवेश करेंगे)
  • Shift + F11 चरण बाहर: वर्तमान समारोह से बाहर

अद्यतन

कदम पढ़ने के बाद आपकी अद्यतन पोस्ट; अपने कोड को डीबग करने के लिए मैं अस्थायी रूप से jQuery Development Source Code का उपयोग करने की अनुशंसा करता हूं। हालांकि यह आपकी समस्या को सीधे हल नहीं करता है, यह आपको अधिक आसानी से डीबग करने की अनुमति देगा। जो आप प्राप्त करने की कोशिश कर रहे हैं, उसके लिए मुझे विश्वास है कि आपको लाइब्रेरी में कदम उठाने की आवश्यकता होगी, इसलिए उम्मीद है कि उत्पादन कोड आपको यह समझने में मदद करेगा कि क्या हो रहा है।

+0

कृपया क्या हो रहा है इसका एक उदाहरण देने के लिए मेरे प्रश्न में अतिरिक्त जानकारी देखें। मुझे लगता है कि Google Chrome के डेवलपर टूल के साथ लाइन डिबगिंग प्रकार के माध्यम से लाइन डिबगिंग द्वारा लाइन संभव नहीं है? – oshirowanen

+0

मैंने अपना जवाब अपडेट कर लिया है, उम्मीद है कि इसे थोड़ा और मदद करनी चाहिए। – Richard

+1

जब तक मैं क्रोम डेवलपर टूल में बहुत गलत नहीं हूं, मुझे विश्वास है कि F5 पृष्ठ को रीफ्रेश करेगा; एफ 8 जारी कुंजी है, है ना? – cori

19

...? मैं यह जावास्क्रिप्ट लाइब्रेरियों में जा रहा बिना Google Chromes डेवलपर उपकरण का उपयोग कर लाइन द्वारा मेरी जावास्क्रिप्ट कोड लाइन के माध्यम से कैसे कदम कर सकते हैं ...


रिकॉर्ड के लिए: इस समय (फरवरी/2015) गूगल क्रोम और दोनों पर

enter image description here

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

और जानकारी:

+0

यही है, यह डिबगिंग के लिए बहुत उपयोगी है, धन्यवाद। – S1awek

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