समस्याएं: समस्याएं ढूंढना और उन्हें ठीक करना

Sam Dutton

Sofia Emelianova

Chrome DevTools में समस्याएं पैनल की मदद से, कंसोल से जुड़ी सूचनाओं की संख्या कम हो जाती है. ब्राउज़र को मिलने वाली समस्याओं का समाधान खोजने के लिए इसका इस्तेमाल करें. जैसे, कुकी से जुड़ी समस्याएं और मिला-जुला कॉन्टेंट.

फ़िलहाल, समस्याएं पैनल में ये सुविधाएं मिलती हैं:

• कुकी से जुड़ी समस्याएं
• मिक्स कॉन्टेंट
• सीओईपी से जुड़ी समस्याएं
• सीओआरएस से जुड़ी गड़बड़ियां
• क्वर्क्स मोड से जुड़ी समस्याएं
• (झलक देखें) कम कंट्रास्ट से जुड़ी समस्याएं
• भरोसेमंद वेब गतिविधि से जुड़ी समस्याएं
• स्टाइलशीट लोड होने से जुड़ी समस्याएं
• अमान्य @property सीएसएस नियम
• कॉन्टेंट की सुरक्षा के बारे में नीति का उल्लंघन
• ऑटोकंप्लीट एट्रिब्यूट से जुड़ी समस्याएं

आने वाले समय में, Chrome के आने वाले वर्शन में, कई तरह की समस्याओं का सामना किया जा सकेगा.

'समस्याएं' पैनल खोलें

1. ठीक करने के लिए समस्याओं वाले पेज पर जाएं, जैसे कि samesite-sandbox.glitch.me.
2. DevTools खोलें.

3. सबसे ऊपर मौजूद कार्रवाई बार के दाएं कोने में, सेटिंग के आगे मौजूद समस्याएं खोलें बटन पर क्लिक करें. समस्या की गंभीरता के आधार पर, बटन का आइकॉन लाल , पीले या नीले रंग का आइकॉन हो सकता है.

   

   इसके अलावा, ज़्यादा टूल मेन्यू में जाकर समस्याएं चुनें.

   

4. समस्याएं पैनल पर पहुंचने के बाद, ज़्यादा समस्याओं को ठीक करने के लिए, पेज को फिर से लोड किया जा सकता है. ऐसा पेज लोड होने के दौरान होता है.

   

कंसोल में, आपको ब्राउज़र में मिली समस्याएं भी दिख सकती हैं. हालांकि, आपने यह ध्यान रखा होगा कि ऐसी समस्याओं (जैसे, नीचे दिए गए स्क्रीनशॉट में कुकी के बारे में चेतावनी) को समझना मुश्किल है. यह नहीं पता कि इसे ठीक करने के लिए आपको क्या करना होगा.

वहीं दूसरी ओर, समस्याएं पैनल से आपको काफ़ी अहम जानकारी मिलती है.

समस्याओं वाले पैनल में आइटम देखना

समस्याएं पैनल में ब्राउज़र से मिलने वाली चेतावनियों को व्यवस्थित तरीके से, एग्रीगेट करके, और उन पर कार्रवाई करने के तरीके से दिखाया जाता है.

1. समस्याएं पैनल में किसी आइटम पर क्लिक करके, समस्या की पूरी जानकारी देखें. यहां उस समस्या को ठीक करने और ऐसे संसाधनों के बारे में जानकारी मिलेगी जिन पर समस्या का असर पड़ा है.

   

   हर आइटम में चार कॉम्पोनेंट होते हैं:

   • समस्या के बारे में जानकारी देने वाली हेडलाइन.
   • संदर्भ और समाधान की जानकारी देना.
   • असरदार संसाधन सेक्शन, जो DevTools के मुताबिक सही कॉन्टेक्स्ट में संसाधनों से लिंक होता है. जैसे, नेटवर्क, सोर्स, एलिमेंट, और अन्य पैनल.
   • ज़्यादा जानकारी के लिए लिंक.

2. कॉन्टेक्स्ट में समस्याएं देखने के लिए, असरदार संसाधन में मौजूद आइटम पर क्लिक करें.

समस्याओं को उनके हिसाब से ग्रुप में बांटें

समस्याएं पैनल में हर समस्या से जुड़े संसाधनों की संख्या दिखती है. यह जानकारी उनकी हेडलाइन के बगल में दिखती है. इसके अलावा, तीन ग्रुप टाइप में, समस्याओं को उनकी गंभीरता के हिसाब से व्यवस्थित किया जा सकता है:

• पेज की गड़बड़ियां, जिन्हें Chrome रिपोर्ट करता है.
• नुकसान पहुंचाने वाले बदलाव, जैसे कि बंद करने की प्रक्रिया.
• DevTools के सुझाव देने वाले सुधार.

समस्याओं को ग्रुप करने के लिए, समस्याएं पैनल के सबसे ऊपर मौजूद कार्रवाई बार में, तरह के ग्रुप के हिसाब से ग्रुप करें पर सही का निशान लगाएं.

तीसरे पक्ष की समस्याएं शामिल करें

समस्याएं पैनल में डिफ़ॉल्ट रूप से, तीसरे पक्ष की कुकी से जुड़ी समस्याएं दिखती हैं.

असरदार संसाधन सेक्शन में आपको तीसरे पक्ष की कुकी से जुड़ी समस्याएं मिलेंगी. इन समस्याओं का लिंक मौजूद नहीं है.

ऐसी समस्याओं को छिपाने के लिए, समस्याएं पैनल के सबसे ऊपर मौजूद कार्रवाई बार में, तीसरे पक्ष की कुकी से जुड़ी समस्याएं शामिल करें को हटाएं.

समस्याएं छिपाएं

किसी समस्या को छिपाने के लिए, उसके बगल में मौजूद तीन बिंदु वाले मेन्यू में जाकर, इस तरह की समस्याएं छिपाएं चुनें.

छिपी हुई समस्याओं की सूची देखने के लिए, नीचे की ओर स्क्रोल करके, छिपाई गई समस्याएं सेक्शन पर जाएं और उसे बड़ा करें.

सभी समस्याएं देखने के लिए, सभी दिखाएं पर क्लिक करें. किसी खास समस्या के बारे में जानने के लिए, समस्या के बगल में बने तीन बिंदु वाले मेन्यू में इस तरह की समस्याएं दिखाएं को चुनें.

इसके अलावा, ग्रुपिंग की सुविधा चालू होने पर, किसी ग्रुप के बगल में मौजूद तीन बिंदु वाले मेन्यू का इस्तेमाल करके, समस्याओं के सभी ग्रुप को छिपाया जा सकता है.

ज़्यादा जानकारी के लिए समस्याओं को देखें

किसी समस्या की जांच करने के लिए:

1. DevTools में आइटम को सही संदर्भ में देखने के लिए, असरदार संसाधन सेक्शन में किसी संसाधन लिंक पर क्लिक करें. इस उदाहरण में, उस अनुरोध से अटैच की गई कुकी दिखाने के लिए samesite-sandbox.glitch.me पर क्लिक करें. यह लिंक आपको नेटवर्क पैनल पर ले जाएगा.

   

2. समस्या वाले आइटम को देखने के लिए स्क्रोल करें: इस मामले में, कुकी ck02. समस्या देखने और उसे ठीक करने का तरीका जानने के लिए, दाईं ओर मौजूद की जानकारी वाले आइकॉन पर कर्सर घुमाएं.