ब्राउज़र से पता चली समस्याओं का हल पाने के लिए, समस्याएं पैनल का इस्तेमाल करें. जैसे, कुकी से जुड़ी समस्याएं और अलग-अलग तरह का कॉन्टेंट.
खास जानकारी
समस्याएं पैनल, सामान्य समस्याओं को इकट्ठा करके उन्हें ग्रुप में बांटता है. इससे कंसोल में सूचनाओं की संख्या कम हो जाती है और वे व्यवस्थित तरीके से दिखती हैं.
फ़िलहाल, समस्याएं पैनल में ये रिपोर्ट दिखती हैं:
- कुकी से जुड़ी समस्याएं
- मिला-जुला कॉन्टेंट
- सीओईपी से जुड़ी समस्याएं
- सीओआरएस से जुड़ी गड़बड़ियां
- क्वर्क मोड से जुड़ी समस्याएं
- (झलक) कम कंट्रास्ट से जुड़ी समस्याएं
- भरोसेमंद वेब गतिविधि से जुड़ी समस्याएं
- स्टाइलशीट लोड करने से जुड़ी समस्याएं
@property
सीएसएस के अमान्य नियम- कॉन्टेंट की सुरक्षा के लिए बनी नीति का उल्लंघन
- ऑटोकंप्लीट एट्रिब्यूट से जुड़ी समस्याएं
Chrome के आने वाले वर्शन में, समस्याओं के ज़्यादा टाइप काम करेंगे.
समस्याओं का पैनल खोलना
- किसी ऐसे पेज पर जाएं जिस पर समस्याएं हैं. जैसे, samesite-sandbox.glitch.me.
- DevTools खोलें.
सबसे ऊपर मौजूद ऐक्शन बार के दाएं कोने में,
सेटिंग के बगल में मौजूद, समस्याएं खोलें बटन पर क्लिक करें. समस्या की गंभीरता के आधार पर, बटन पर लाल
, पीला
या नीला
आइकॉन दिख सकता है.
इसके अलावा,
ज़्यादा टूल मेन्यू से समस्याएं चुनें.
समस्याएं पैनल पर जाने के बाद, पेज को फिर से लोड करके, पेज लोड होने के दौरान होने वाली समस्याओं का पता लगाया जा सकता है.
Console में, आपको ब्राउज़र की ओर से बताई गई समस्याएं भी दिख सकती हैं. हालांकि, आपको पता चलेगा कि ऐसी समस्याओं को समझना मुश्किल है. जैसे, नीचे दिए गए स्क्रीनशॉट में कुकी से जुड़ी चेतावनी. यह साफ़ तौर पर नहीं पता कि इसे ठीक करने के लिए आपको क्या करना होगा.
वहीं दूसरी ओर, समस्याएं पैनल से आपको काम की अहम जानकारी मिलती है.
समस्याओं वाले पैनल में आइटम देखना
समस्याएं पैनल, ब्राउज़र की चेतावनियों को व्यवस्थित, इकट्ठा किए गए, और कार्रवाई के लिए उपलब्ध तरीके से दिखाता है.
समस्या को बड़ा करने के लिए, समस्याएं पैनल में किसी आइटम पर क्लिक करें. साथ ही, उसे ठीक करने और उससे प्रभावित संसाधनों को ढूंढने का तरीका जानें.
हर आइटम में चार कॉम्पोनेंट होते हैं:
- समस्या के बारे में बताने वाली हेडलाइन.
- समस्या के बारे में जानकारी और उसका समाधान.
- प्रभावित संसाधन सेक्शन, जो DevTools के सही संदर्भ में संसाधनों से लिंक होता है. जैसे, नेटवर्क, सोर्स, एलिमेंट, और अन्य पैनल.
- ज़्यादा जानकारी के लिए लिंक.
समस्याओं को संदर्भ में देखने के लिए, इन संसाधनों पर असर पड़ा है में मौजूद आइटम पर क्लिक करें.
समस्याओं के हिसाब से ग्रुप बनाना
समस्याएं पैनल, हर समस्या के लिए उन संसाधनों की संख्या की गिनती करता है जिन पर असर पड़ा है. साथ ही, यह संख्या उनकी हेडलाइन के बगल में दिखती है. इसके अलावा, समस्याओं को उनकी गंभीरता के हिसाब से तीन ग्रुप में बांटा जा सकता है:
पेज से जुड़ी गड़बड़ियां, जिनकी जानकारी Chrome देता है.
नुकसान पहुंचाने वाले बदलाव, जैसे कि बंद की जा रही सुविधाएं.
DevTools के सुझाए गए सुधार.
समस्याओं को ग्रुप में बांटने के लिए, समस्याएं पैनल में सबसे ऊपर मौजूद ऐक्शन बार में, टाइप के हिसाब से ग्रुप करें को चुनें.
तीसरे पक्ष की समस्याएं शामिल करना
समस्याएं पैनल में, तीसरे पक्ष की कुकी से जुड़ी समस्याएं डिफ़ॉल्ट रूप से दिखती हैं.
तीसरे पक्ष की कुकी से जुड़ी समस्याएं, जिन संसाधनों पर असर पड़ा है सेक्शन में देखी जा सकती हैं.
ऐसी समस्याओं को छिपाने के लिए, समस्याएं पैनल में सबसे ऊपर मौजूद ऐक्शन बार में, तीसरे पक्ष की कुकी से जुड़ी समस्याएं शामिल करें से सही का निशान हटाएं.
समस्याएं छिपाना
किसी समस्या को छिपाने के लिए, समस्या के बगल में मौजूद तीन बिंदु वाले मेन्यू से, इस तरह की समस्याएं छिपाएं चुनें.
छिपी हुई समस्याओं की सूची देखने के लिए, नीचे की ओर स्क्रोल करके छिपी हुई समस्याएं सेक्शन पर जाएं और उसे बड़ा करें.
सभी समस्याएं देखने के लिए, सभी समस्याएं दिखाएं पर क्लिक करें. किसी खास समस्या को देखने के लिए, समस्या के बगल में मौजूद तीन बिंदु वाले मेन्यू से, इस तरह की समस्याओं को अनहाइड करें चुनें.
इसके अलावा, समस्या के ग्रुप बनाने की सुविधा चालू होने पर, किसी ग्रुप के बगल में मौजूद तीन बिंदु वाले मेन्यू का इस्तेमाल करके, समस्याओं के पूरे ग्रुप छिपाए जा सकते हैं.
ज़्यादा जानकारी के लिए समस्याएं देखना
किसी समस्या की जांच करने के लिए:
जिन रिसॉर्स पर असर पड़ा है सेक्शन में, किसी रिसॉर्स के लिंक पर क्लिक करके, DevTools में आइटम को सही संदर्भ में देखें. इस उदाहरण में, उस अनुरोध से जुड़ी कुकी दिखाने के लिए,
samesite-sandbox.glitch.me
पर क्लिक करें. यह लिंक आपको नेटवर्क पैनल पर ले जाएगा.समस्या वाला आइटम देखने के लिए स्क्रोल करें: इस मामले में, कुकी
ck02
. समस्या और उसे ठीक करने का तरीका देखने के लिए, दाईं ओर मौजूदजानकारी वाले आइकॉन पर कर्सर घुमाएं.