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