ज़्यादातर ब्राउज़र में पहले से मौजूद डेवलपर टूल मौजूद होते हैं. आम तौर पर, इन डेवलपर टूल में कंसोल शामिल होता है. कंसोल आपको उस पेज के बारे में जानकारी देता है जो फ़िलहाल चल रहा है.
कंसोल में लॉग इन किए गए मैसेज, पेज बनाने वाले वेब डेवलपर या ब्राउज़र से आते हैं.
सभी कंसोल मैसेज में, गंभीरता का लेवल होता है:
Verbose, Info, Warning या Error.
Error मैसेज का मतलब है कि आपके पेज पर कोई ऐसी समस्या है जिसे आपको ठीक करना होगा.
लाइटहाउस ब्राउज़र की गड़बड़ी को ऑडिट कैसे नहीं किया जा सकता
लाइटहाउस, कंसोल में लॉग की गई ब्राउज़र की सभी गड़बड़ियों को फ़्लैग करता है:
ब्राउज़र की गड़बड़ियों को ठीक करने का तरीका
लाइटहाउस से रिपोर्ट की जाने वाली ब्राउज़र की हर गड़बड़ी को ठीक करें, ताकि यह पक्का किया जा सके कि आपका पेज आपके सभी उपयोगकर्ताओं के लिए ठीक से काम करे.
Chrome DevTools में कुछ ऐसे टूल हैं जिनकी मदद से गड़बड़ियों की वजह का पता लगाया जा सकता है:
- हर गड़बड़ी के टेक्स्ट के नीचे, DevTools कंसोल उस कॉल स्टैक को दिखाता है जिसकी वजह से, समस्या वाला कोड काम कर रहा था.
- हर गड़बड़ी के ऊपर दाईं ओर दिया गया लिंक, आपको गड़बड़ी पैदा करने वाले कोड को दिखाता है.
उदाहरण के लिए, यह स्क्रीनशॉट दो गड़बड़ियों वाला पेज दिखाता है:
उदाहरण में, पहली गड़बड़ी किसी वेब डेवलपर की ओर से
console.error() को किए गए कॉल से आती है.
दूसरी गड़बड़ी ब्राउज़र से आती है और
यह बताती है कि पेज की स्क्रिप्ट में से किसी एक में इस्तेमाल किया गया वैरिएबल मौजूद नहीं है.
हर गड़बड़ी के टेक्स्ट के नीचे,
DevTools Console उस कॉल स्टैक को दिखाता है जिसमें गड़बड़ी दिखती है.
उदाहरण के लिए, पहली गड़बड़ी के लिए कंसोल बताता है कि (anonymous) फ़ंक्शन को init फ़ंक्शन कहा जाता है, जिसे doStuff फ़ंक्शन कहा जाता है.
गड़बड़ी के मैसेज के सबसे ऊपर दाईं ओर मौजूद pen.js:9 लिंक पर क्लिक करने पर, आपको काम का कोड दिखता है.
इस तरीके से हर गड़बड़ी के लिए काम के कोड की समीक्षा करने से, आपको संभावित समस्याओं को पहचानने और उन्हें हल करने में मदद मिल सकती है.
अगर आपको गड़बड़ी की वजह का पता नहीं चलता है, तो सर्च इंजन में गड़बड़ी का टेक्स्ट डालकर देखें. अगर आपको अपनी समस्या का हल नहीं मिल रहा है, तो Stack Overflow पर सवाल पूछें.
अगर आपसे गड़बड़ी ठीक नहीं हो रही है, तो इसे try…catch स्टेटमेंट में रैप करें, ताकि कोड में साफ़ तौर पर बताया जा सके कि आपको समस्या के बारे में पता है.
गड़बड़ी को बेहतर तरीके से मैनेज करने के लिए, catch ब्लॉक का भी इस्तेमाल किया जा सकता है.