ब्राउज़र द्वारा समर्थित डिबगिंग टूल का उपयोग करें। जैसा ऊपर बताया गया है फ़ायरफ़ॉक्स फ़ायरफ़ॉक्स के लिए फ़ायरबग क्रोम आईई के लिए आईई डेवलपर।
इस तरह आप क्रॉस-ब्राउज़र समस्याओं का पता लगा सकते हैं। क्रॉस-ब्राउज़र समस्याओं को कम करने में मदद के लिए, जावास्क्रिप्ट फ्रेमवर्क यानी jQuery, वाईयूआई, म्यू टूल्स इत्यादि का उपयोग करें
नीचे एक स्क्रीनशॉट (जावास्क्रिप्ट-डीबग.png) है जो फ़ायरबग में नींबू दिखता है।
1) 'F12'
2) 'स्क्रिप्ट' टैब पर क्लिक करें और 'इसे सक्षम' (यदि आप अपने पृष्ठ पर पहले से ही कर रहे हैं मारा - करने के लिए 'F5' मारा फिर से लोड)
3) 'सभी के बगल में 'नीचे उतरो, दाहिने ओर एक और गिरावट होगी। उस ड्रॉपडाउन से अपनी जावास्क्रिप्ट फ़ाइल का चयन करें।
स्क्रीनशॉट में, मैंने 'बाएं-माउस-क्लिक' द्वारा लाइन 42 पर ब्रेक-पॉइंट सेट किया है। यह आपको तोड़ने के लिए सक्षम हो जाएगा, निरीक्षण, घड़ी, आदि
फायरबग की उत्कृष्टता के बारे में सहमति है, लेकिन इसकी सीमाएं हैं। जैसे जिस पृष्ठ पर मैं काम कर रहा हूं वह> 200 जेएस-फाइल है, और यह बेहद मूर्ख और परेशान है कि मैं अपने फ़ायरफ़ॉक्स सत्रों पर ब्रेकपॉइंट्स को जारी नहीं रख सकता। इसके अलावा, मैं वास्तव में ग्रहण की उन्नत कार्यक्षमता खो रहा हूं (ब्रेकपॉइंट्स को अक्षम करना, सशर्त ब्रेकपॉइंट्स, ...) –
फायरबग के साथ उत्कृष्ट जवाब! –
पुन: "जावास्क्रिप्ट कोड डीबग करने के लिए फ़ायरबग का उपयोग करें, यह एक उत्कृष्ट ऐड-ऑन है कि सभी वेब डेवलपर्स को अपने टूलबॉक्स में होना चाहिए।" - यह काम करता है यदि आप ब्राउज़र में चलाने के लिए लिखे गए कोड को डीबग कर रहे हैं, लेकिन यदि आप जेएस सर्वर-साइड चला रहे हैं, (यानी) जावा में राइनो इंजन के साथ। –