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