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

सोफ़िया एमेलियानोवा
सोफ़िया इमेलियानोवा

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

फ़िलहाल, समस्याएं पैनल में इन चीज़ों का इस्तेमाल किया जा सकता है:

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

'समस्याएं' टैब खोलें

  1. उन समस्याओं वाले पेज पर जाएं जिन्हें ठीक करना है. जैसे, samesite-sandbox.glitch.me.
  2. DevTools खोलें.
  3. सबसे ऊपर मौजूद कार्रवाई बार के दाएं कोने में, सेटिंग. सेटिंग के आगे मौजूद समस्याओं को खोलें बटन पर क्लिक करें. समस्या की गंभीरता के आधार पर, बटन का आइकॉन लाल कोई गड़बड़ी हुई., पीला चेतावनी. या नीले रंग का जानकारी पर टैप करें. हो सकता है.

    'समस्याएं खोलें' बटन, जिस पर लाल रंग का आइकॉन है.

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

    'ज़्यादा टूल' मेन्यू में 'समस्याएं' टैब.

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

    पेज को फिर से लोड करने के बाद, 'समस्याएं' टैब में एक और समस्या मिली.

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

एक अस्पष्ट कुकी चेतावनी वाला कंसोल.

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

'समस्याएं' टैब में सामान देखना

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

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

    क्रॉस-साइट कुकी की समस्या वाले 'समस्याएं' टैब को बड़ा किया गया.

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

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

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

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

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

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

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

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

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

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

जिन संसाधनों पर असर पड़ा है उनके सेक्शन में, लिंक किए गए संसाधन के बिना तीसरे पक्ष की कुकी.

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

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

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

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

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

छिपी हुई समस्याएं सेक्शन.

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

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

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

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

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

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

    उन संसाधनों वाला सेक्शन जिन पर असर पड़ा है. इस सेक्शन में, उस अनुरोध का लिंक होता है जिस पर असर पड़ा है.

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

    जानकारी वाले आइकॉन पर कर्सर घुमाने पर, नेटवर्क पैनल में एक टूलटिप दिखता है.