मैं जावास्क्रिप्ट को फायरबग में कैसे जमा कर सकता हूं ताकि मैं HTML में किए गए परिवर्तनों का निरीक्षण कर सकूं? उदाहरण के लिए मेरे पास एक jQuery रोलओवर प्रभाव है और मैं समय पर उस बिंदु में HTML कोड का निरीक्षण करना चाहता हूं।फ़ायरफ़ॉक्स फायरबग एक्सटेंशन - जावास्क्रिप्ट फ़ीचर फ्रीज करें?
मेरा मानना है कि ड्रीमवेवर सीएस 4 में इस सुविधा को फ्रीज जावास्क्रिप्ट और लाइव कोड शीर्षक दिया गया है। क्या फ़ायरबग या अन्य फ़ायरफ़ॉक्स एक्सटेंशन में कोई मुफ्त समतुल्य है?
"फ्रीज" द्वारा मुझे लगता है कि आपको डीबगिंग का मतलब है, और हां, फ़ायरबग निश्चित रूप से वह है।
सबसे पहले आपको फायरबग पर स्क्रिप्ट टैब में जाना होगा। यदि साइट पर स्क्रिप्ट अक्षम है, तो इसे सक्षम करें।
अब, ड्रॉपडाउन पर जाएं और चुनें कि आप कौन सी जावास्क्रिप्ट फ़ाइल डीबग करना चाहते हैं। यह आमतौर पर या तो इनलाइन जावास्क्रिप्ट, या एक लिंक पेज के साथ पृष्ठ है। उस कोड की रेखा ढूंढें जिसे आप फ्रीज करना चाहते हैं, और लाइन नंबर के बाईं ओर क्लिक करें। आपको एक लाल बिंदु दिखाई देगा - यह बिंदु इंगित करता है कि निष्पादन के दौरान कोड स्थिर हो जाएगा। कोड होने के बाद, आप "HTML" टैब पर जाकर वर्तमान HTML तक पहुंच सकते हैं। आप फायरबग के स्क्रिप्ट फलक लाइट अप के ऊपरी-दाएं कोने में आइकन भी देखेंगे, जिससे आप निष्पादन जारी रख सकते हैं, चरणबद्ध हो सकते हैं, चरणबद्ध हो सकते हैं या कोड की प्रत्येक पंक्ति से बाहर निकल सकते हैं, प्रत्येक पंक्ति के लिए HTML परिवर्तनों को देखकर।
ध्यान दें कि फायरबग आपको कोड लाइन-दर-रेखा के माध्यम से कदम उठाने देता है, जिसका अर्थ है कि कम से कम जावास्क्रिप्ट फाइलें (जिसमें सभी कोड एक पंक्ति पर कॉम्पैक्ट किए जाते हैं) डीबगिंग के लिए बिल्कुल भयानक हैं, क्योंकि आप यह नहीं बता सकते कि फायरबग कहां है । तो डीबगिंग उद्देश्यों के लिए, मैं अत्यधिक फ़ाइलों के गैर-न्यूनतम संस्करण प्राप्त करने की अत्यधिक अनुशंसा करता हूं।
यदि आपको और सहायता चाहिए, तो मैं Firebug documentation की जांच करने का सुझाव देता हूं, जिसमें कुछ अच्छे मार्गदर्शिकाएं हैं।
विशेष रूप से, फायरबग जावास्क्रिप्ट डीबगिंग पर जस्टिन पामर का ट्यूटोरियल बहुत अच्छा है: http://is.gd/gCtT – montrealist
यह काम करता है लेकिन काफी सटीक कार्यक्षमता नहीं जिसे मैं ढूंढ रहा था, हालांकि उत्तर के लिए धन्यवाद। – ritch0s
इस उत्तर में समस्या यह है कि निष्पादन को रोकने के लिए जेएस (सही फ़ाइल को अकेला छोड़ दें!) में सही स्थान ढूंढना हमेशा आसान नहीं होता है। उपयोग केस यदि अक्सर उपयोगकर्ता एक डिजाइनर है, जो सिर्फ एचटीएमएल चाहता है कि इसकी संरचना को देखने के लिए लंबे समय तक बदलना बंद कर दें! – joachim
फ़ायरबग के स्क्रिप्ट टैब में, आप जावास्क्रिप्ट में ब्रेक पॉइंट सेट कर सकते हैं जो आपको कोड, सेट घड़ियों, और अन्य डिबगर्स में अन्य चीजों को करने की अनुमति देगा। आप HTML टैब पर भी स्विच कर सकते हैं और देख सकते हैं कि जावास्क्रिप्ट "जमे हुए" होने पर क्या परिवर्तन किए गए हैं।
फ़ायरबग में, स्क्रिप्ट टैब पर जाएं। शीर्ष पर, आप देख सकते हैं:
Inspect | all | <filename>
उस फ़ाइल को चुनने के लिए क्लिक करें जिसमें जावास्क्रिप्ट आप ट्रैक करना चाहते हैं। एक बार जब आप अपनी फ़ाइल चुन लेते हैं, तो ब्रेडा कोपॉइंट डालने के लिए लाइन नंबर पर क्लिक करें (एक बड़ा लाल बिंदु दिखाई देगा)।
आप विभिन्न फ़ाइलों में कई ब्रेक पॉइंट डाल सकते हैं। यदि आप पृष्ठ को रीफ्रेश करते हैं तो ब्रेक पॉइंट गायब नहीं होगा (F5)।
यह tutorial आपको भी मदद कर सकता है।
उत्परिवर्तन पर तोड़ें (एचटीएमएल टैब का चयन होने पर रोकें बटन) इस सुविधा में सबसे नज़दीकी चीज है। अगली बार कुछ बदल जाएगा यह रोक देगा। यह सिर्फ एक चीज है जो आप चाहते हैं, लेकिन उपयोगी हो सकता है।
बटन एफबी 1.12.4 के साथ मेरे एफएफ 26 पर काम नहीं करता है –
नहीं वास्तव में फ़ायरफ़ॉक्स समारोह है, लेकिन इतने पास (कम से कम जिस तरह से मैं सवाल समझ में में) प्रकट होता है:
आप जावास्क्रिप्ट घड़ी here पर इसका परीक्षण कर सकते हैं।
मैं इतनी दुखी हूं कि किसी ने फ़ायरफ़ॉक्स के लिए प्लगइन नहीं बनाया है, जो वही करेगा।
यह सुविधा मैं की बात कर रहा था: http://tv.adobe.com/?promoid=DRHWV#vi+f1500v1436 01:36 से वे लाइव कोड और एक रोल ओवर के लिए रोक जावास्क्रिप्ट के बारे में बात शुरू करते हैं। क्या कोड के माध्यम से जाने और ब्रेकपॉइंट बनाने के बजाए फायरबग में जावास्क्रिप्ट को रोकने के लिए एक कीबोर्ड शॉर्टकट कुंजी है? – ritch0s