2009-04-06 8 views
21

के साथ jQuery को डिबग करना मैंने फ़ायरबग में jQuery को डीबग करने का प्रयास करने के तरीके पर पुरानी पोस्टों में से एक टन देखा है। किसी के पास अभी तक एक अच्छा तरीका है क्योंकि मैं उन सभी कार्यों में से एक नहीं देखता हूं।फ़ायरबग

+0

आपको लगता है कि आपको jQuery में एक बग मिली है? या अपने कोड में जो jQuery का उपयोग करता है? –

+0

आप कैसे कदम करते हैं? आप ब्रेकपॉइंट्स कैसे सेट करते हैं? जब मैं फ़ायरबग खोलता हूं, तो मुझे पेज से HTML की सैकड़ों लाइनों के साथ 'स्क्रिप्ट' टैब दिखाई देता है, और जब मैं "ढूंढता" का उपयोग करता हूं तो यह सामान्य पृष्ठ की खोज करता है, न कि स्क्रिप्ट टैब। – dfrankow

+2

स्क्रिप्ट टैब में एक ड्रॉप-डाउन है जो प्रत्येक जावास्क्रिप्ट फ़ाइल को लोड करता है। आप बाईं ओर क्लिक करके ऊपर और नीचे स्क्रॉल कर सकते हैं और ब्रेकपॉइंट्स सेट कर सकते हैं। – dfrankow

उत्तर

36

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

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

+0

मेरी समस्या यह है कि आप जो ड्रॉपडाउन उल्लेख करते हैं वह मेरा jQuery कोड नहीं दिखाता है क्योंकि यह जावास्क्रिप्ट फ़ाइल में नहीं है, यह HTML स्रोत में है, और यह ड्रॉपडाउन या समर्थन ब्रेकपॉइंट्स में बहुत अच्छी तरह से दिखाई नहीं देता है। – Noumenon

8

सबसे पहले, सुनिश्चित करें कि आप jQuery के कम से कम या पैक संस्करण का उपयोग नहीं कर रहे हैं। डीबग करना लगभग असंभव होगा। इसके बाद, मुझे लगता है कि यह कम से कम एक बार कदम उठाने में मदद करता है ताकि आप जान सकें कि jQuery कोड में ब्रेकपॉइंट्स कहां सेट करें। आप अपने कोड में किसी भी jQuery कथन की श्रृंखला को तोड़ना भी चाह सकते हैं और इंटरमीडिएट परिणामों को वेरिएबल्स को असाइन कर सकते हैं जिन्हें आप देख सकते हैं। इसके अलावा, मैं @ चाड के साथ हूँ। मुझे अपने jQuery- आधारित कोड को डीबग करने में बहुत सारी समस्याएं नहीं आई हैं।

+0

धन्यवाद मुझे कम से कम कम से कम jquery का उपयोग करने के बारे में कभी नहीं पता था कि क्यों मुझे फायरबग में कुछ भी समझदार नहीं मिला। – Zeeshan

0

आप की संभावना भी the jQuery documentation के साथ अपने कोड के सबसे बात की दोबारा जांच चाहते हैं। jQuery कोड मोहक रूप से परिचित दिखता है, लेकिन कुछ बहुत ही अजीब प्रोग्रामिंग प्रतिमान हैं जो प्रभावी रूप से शोर का उत्पादन करते हैं जब खाते के लिए जिम्मेदार नहीं होता है।

3

this plugin की कोशिश करो। यह विशेष रूप से फायरबग में jquery आधारित जावास्क्रिप्ट डीबग करने के लिए है। आपको जंजीर घटनाओं में छोड़ने और उन्हें कंसोल करने के लिए लॉग इन करने देता है।

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