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