2013-05-16 7 views
15

में अपने इनलाइन जावास्क्रिप्ट में ब्रेकपॉइंट्स को कैसे जोड़ना है, मैं अपने जावास्क्रिप्ट कोड को डीबग करना चाहता हूं और स्रोत टैब के तहत आवश्यक स्थानों पर सफलतापूर्वक ब्रेकपॉइंट्स को स्थानांतरित करने में सक्षम हूं।क्रोम

हालांकि, मैंने एक ऐसे मुद्दे में भाग लिया है जहां मैं अपने इनलाइन जावास्क्रिप्ट कोड को डीबग करना चाहता हूं। क्या हमारे पास कोई क्रोम डीबगिंग टूल सुविधा है जिसका उपयोग करके मैं अपने इनलाइन जावास्क्रिप्ट कोड को डीबग कर सकता हूं।

मैं डिबगिंग उद्देश्य के लिए फ़ायरबग का उपयोग करने के साथ भी ठीक हूं।

पीएस: इनलाइन जावास्क्रिप्ट कोड द्वारा, मेरा मतलब है कि जेएस कोड बॉडी टैग के अंदर और उसी फ़ाइल में है।

+1

क्या आप 'डीबगर;' कथन का उपयोग कर रहे हैं? –

+1

मैं डीबगिंग उद्देश्य के लिए अपना कोड नहीं बदलना चाहता क्योंकि बाद के समय में मुझे इन डीबगर लाइनों को भी हटाने की आवश्यकता है। तो मैं ब्राउजर से ब्रेकपॉइंट्स पर रुकने के लिए एक समाधान के बारे में सोच रहा हूं जैसे कि यह स्रोत टैब में रुक जाता है। – sachinjain024

+0

संभावित डुप्लिकेट [लिनक्स के लिए Google क्रोम ब्राउज़र में इनलाइन जावास्क्रिप्ट में ब्रेकपॉइंट कैसे सेट करें?] (Http://stackoverflow.com/questions/5156388/how-to-set-breakpoint-in-inline-javascript-in-google -क्रोम-ब्राउजर-लिनक्स के लिए) –

उत्तर

38

एक और तरीका है गतिशील स्क्रिप्ट विधि का उपयोग किया जा सकता है में अपने HTML और जगह ब्रेकप्वाइंट खोल सकते हैं। क्रोम सरल पार्सर कमांड प्रदान करता है जो गतिशील रूप से लोड जेएस टैग कर सकता है।

<script type="text/javascript"> 
[...] 
//# sourceURL=dynamicScript.js 
</script> 

इस लाइन क्रोम डिबगर कि स्क्रिप्ट टैग के अंदर इस पूरे स्क्रिप्ट एक dynamicScript.js फ़ाइल के रूप में व्याख्या की जानी चाहिए बताता है। आप डीबगर सूची पर फ़ाइल पा सकते हैं और ब्रेकपॉइंट्स को आसानी से सेट कर सकते हैं या कोड की जांच कर सकते हैं।

नोट: @ # ले लेती है तो आपको निम्न है जे एस के प्रकार अपने शरीर टैग के अंदर भी शामिल है यह कभी नहीं अपने निर्देशिका संरचना में दिखाई देगा असमर्थित ब्राउज़र

Breakpoints in Dynamic JavaScript

+1

ध्यान दें कि [केवल-लिंक जवाब] (http: //meta.stackoverflow।कॉम/टैग/लिंक-केवल-उत्तर/जानकारी) निराश हो जाते हैं, इसलिए SO समाधान एक समाधान के लिए खोज का अंत बिंदु होना चाहिए (बनाम अभी तक संदर्भों का एक और स्टॉपओवर, जो समय के साथ पुराना हो जाता है)। लिंक को संदर्भ के रूप में रखते हुए, यहां स्टैंड-अलोन सारांश जोड़ना पर विचार करें। – kleopatra

+0

@fazzyx लिंक के लिए धन्यवाद। मैं खोज के अंत बिंदु के उत्तर के बारे में क्लोपेट्रा से भी सहमत हूं। तो या तो आपको प्रासंगिक सामग्री के साथ अपना उत्तर अपडेट करना चाहिए या सिर्फ टिप्पणी में लिंक डालना चाहिए। – sachinjain024

+0

नोट के लिए धन्यवाद। मैंने जवाब अपडेट किया था। – fazzyx

1

मुझे समाधान मिला है। हम इनलाइन जावास्क्रिप्ट पर ब्रेकपॉइंट भी डाल सकते हैं।

समाधान:

  • जाओ स्रोत के लिए क्रोम देव उपकरण में टैब और आप सभी स्रोतों वहाँ देख सकते हैं।
  • आपका HTML कोड इसी निर्देशिका के साथ संरचना के साथ उपस्थित होगा जैसा कि यह आपके यूआरएल में है।
  • और फिर आप अपने इनलाइन जावास्क्रिप्ट कोड
+1

ब्रेक पॉइंट्स और काम करना संभव है लेकिन जब स्क्रिप्ट टेम्पलेट टैग के अंदर है तो क्रोमियम बस उन्हें अनदेखा करता है और दुर्भाग्यवश ब्रेक पॉइंट्स पर स्क्रिप्ट को रोक नहीं देगा। – Eddie

1

@blunderboy पर त्रुटियों से बचने के, तो उस मामले में आपका समाधान काम नहीं करेगा।

<div> 
<script src="myJSfile.js"> 
</script> 
</div> 

यह jquery मोबाइल में होता है जहां पृष्ठ div के बाहर सबकुछ लोड नहीं होता है, इसलिए आपको पेज div के अंदर जेएस शामिल करना होगा।

मैं @fazzyx द्वारा सही उत्तर के रूप में उत्तर चिह्नित किया होगा क्योंकि कम से कम क्रोम उन फ़ाइलों को भी दिखाएगा।