पेज लोड होने की प्रोसेस का विश्लेषण करने और नेटवर्क संसाधनों की जांच करने के लिए, नेटवर्क पैनल का इस्तेमाल करें.
खास जानकारी
नेटवर्क पैनल का इस्तेमाल करके, ये काम किए जा सकते हैं:
- नेटवर्क गतिविधि रिकॉर्ड करना
- नेटवर्क अनुरोधों की जांच करना
- नेटवर्क अनुरोधों को फ़िल्टर करना और क्रम से लगाना
- Search Network के हेडर और जवाब
- लोडिंग के तरीके में बदलाव करना
- नेटवर्क के अनुरोधों को ब्लॉक करना
- नेटवर्क की स्थितियां बदलना
prefetchअनुमान लगाने के नियमों को डीबग करना- एचटीटीपी रिस्पॉन्स हेडर बदलना
- वाइल्डकार्ड वर्णों का इस्तेमाल करके, एक से ज़्यादा यूआरएल के हेडर बदलें.
- नेटवर्क अनुरोध का डेटा सेव करना और एक्सपोर्ट करना
सबसे ज़्यादा इस्तेमाल की जाने वाली नेटवर्क पैनल की कुछ सुविधाओं के बारे में जानने के लिए, नेटवर्क गतिविधि की जांच करें पर जाएं.
नेटवर्क पैनल खोलें
नेटवर्क पैनल खोलने के लिए, DevTools खोलें. इसके बाद, सबसे ऊपर मौजूद ऐक्शन बार में जाकर नेटवर्क पर क्लिक करें.
इसके अलावा, कमांड मेन्यू से नेटवर्क पैनल खोलने के लिए, यह तरीका अपनाएं:
- DevTools खोलें.
- कमांड मेन्यू खोलने के लिए, यह दबाएं:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
Networkटाइप करें, नेटवर्क पैनल दिखाएं को चुनें, और Enter दबाएं.
नेटवर्क गतिविधि रिकॉर्ड करें
DevTools खोलने पर, नेटवर्क अनुरोध अपने-आप नेटवर्क पैनल में रिकॉर्ड हो जाते हैं. ऐसा तब तक होता है, जब तक DevTools खुला रहता है.
रिकॉर्डिंग के अलावा, ये काम भी किए जा सकते हैं:
- नेटवर्क अनुरोधों को रिकॉर्ड करना बंद करें.
- अनुरोध टेबल से, सभी अनुरोध मिटाएं.
- पेज लोड होने पर अनुरोधों को सेव करता है.
- ऑफ़लाइन अनुभव जैसा अनुभव देना.
- नेटवर्क कनेक्शन की स्पीड कम करके देखना.
नेटवर्क अनुरोधों की जांच करना
सभी नेटवर्क अनुरोधों को पैनल के बीच में मौजूद अनुरोध टेबल में लॉग किया जाता है.
डिफ़ॉल्ट रूप से दिखने वाले कॉलम और जोड़े जा सकने वाले अन्य कॉलम के बारे में ज़्यादा जानने के लिए, अनुरोधों का लॉग देखना लेख पढ़ें.
अनुरोध के बारे में ज़्यादा जानकारी वाले टैब देखने के लिए, अनुरोध के नाम पर क्लिक करें. इसमें यह जानकारी शामिल है:
- हेडर: चुने गए संसाधन के एचटीटीपी हेडर.
- पेलोड: किसी अनुरोध के क्वेरी स्ट्रिंग पैरामीटर और फ़ॉर्म का डेटा.
- झलक देखें: एचटीएमएल की बुनियादी रेंडरिंग.
- जवाब: चुनी गई संसाधन का एचटीएमएल सोर्स कोड.
- शुरू करने वाला: किस वजह से किसी रिसोर्स का अनुरोध किया गया.
- टाइमिंग: चुनी गई संसाधन के लिए, नेटवर्क ऐक्टिविटी की जानकारी.
- कुकी: किसी अनुरोध और उसके जवाब की कुकी.
नेटवर्क अनुरोधों को फ़िल्टर करना और क्रम से लगाना
नेटवर्क पैनल में, अनुरोध टेबल में अनुरोधों को क्रम से लगाने के दो तरीके दिए गए हैं:
अनुरोध टेबल में अनुरोधों को फ़िल्टर करने के कई तरीके यहां दिए गए हैं:
- प्रॉपर्टी के हिसाब से अनुरोधों को फ़िल्टर करना
- अनुरोधों को उनके टाइप के हिसाब से फ़िल्टर करना
- समय के हिसाब से अनुरोधों को फ़िल्टर करना
- डेटा यूआरएल छिपाना
- एक्सटेंशन के यूआरएल छिपाना
- सिर्फ़ ब्लॉक की गई रिस्पॉन्स कुकी वाले अनुरोध दिखाएं
- सिर्फ़ ब्लॉक किए गए अनुरोध दिखाएं
- सिर्फ़ तीसरे पक्ष के अनुरोध दिखाएं
Search Network के हेडर और जवाबों को खोजना
किसी स्ट्रिंग या रेगुलर एक्सप्रेशन के लिए, सभी संसाधनों के एचटीटीपी हेडर और रिस्पॉन्स खोजने का तरीका जानने के लिए, नेटवर्क हेडर और रिस्पॉन्स खोजना लेख पढ़ें.
लोड होने के तरीके को बदलना
नेटवर्क पैनल में जाकर, पेज लोड होने के तरीके में बदलाव करें और देखें कि इससे उपयोगकर्ता अनुभव पर क्या असर पड़ता है.
नेटवर्क पैनल का इस्तेमाल करके, ये काम किए जा सकते हैं:
- ब्राउज़र की कैश मेमोरी को सेव होने देने का विकल्प बंद करके, वेबसाइट पर पहली बार आने वाले व्यक्ति जैसा अनुभव पाना
- ब्राउज़र की कैश मेमोरी को मैन्युअल तरीके से मिटाना
- ब्राउज़र की कुकी मैन्युअल तरीके से मिटाना
- ऑफ़लाइन मोड चालू करें
- नेटवर्क कनेक्शन की स्पीड कम होने की स्थिति को सिम्युलेट करना
- एचटीटीपी रिस्पॉन्स हेडर बदलना
- उपयोगकर्ता एजेंट में बदलाव करना
नेटवर्क अनुरोध का डेटा सेव और एक्सपोर्ट करना
नेटवर्क अनुरोध का डेटा सेव करने और एक्सपोर्ट करने के लिए, यह लेख पढ़ें: