DevTools के सभी सीडीपी अनुरोधों और जवाबों को देखने के लिए, प्रोटोकॉल मॉनिटर का इस्तेमाल करें. साथ ही, सीधे सीडीपी कमांड भेजें.
खास जानकारी
Chrome DevTools, Chrome ब्राउज़र को इंस्ट्रुमेंट करने, जांचने, डीबग करने, और प्रोफ़ाइल के लिए Chrome DevTools प्रोटोकॉल (सीडीपी) का इस्तेमाल करता है. डेवलपर, सीडीपी के साथ प्रोग्राम के हिसाब से काम करने के लिए, प्रोटोकॉल मॉनिटर का इस्तेमाल कर सकते हैं.
प्रोटोकॉल मॉनिटर की मदद से, ये काम किए जा सकते हैं:
- सीडीपी अनुरोधों और जवाबों को रिकॉर्ड करें
- सीडीपी मैसेज की जांच करें
- सीडीपी मैसेज सेव करें
- सीडीपी कमांड भेजें
प्रोटोकॉल मॉनिटर खोलें
प्रोटोकॉल मॉनिटर खोलने के लिए, यह तरीका अपनाएं:
पक्का करें कि एक्सपेरिमेंट चालू हो. सेटिंगसेटिंग > एक्सपेरिमेंट में जाकर, प्रोटोकॉल मॉनिटर चेकबॉक्स को चुनें.
इसे दबाकर कमांड मेन्यू खोलें:
- macOS में: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
Protocol monitor
टाइप करें और प्रोटोकॉल मॉनिटर दिखाएं को चुनें. इसके बाद, Enter दबाएं. DevTools आपकी DevTools विंडो के नीचे प्रोटोकॉल मॉनिटर पैनल दिखाता है.
इसके अलावा, सबसे ऊपर दाएं कोने में, more_vert ज़्यादा विकल्प > ज़्यादा टूल > प्रोटोकॉल मॉनिटर को चुनें.
सीडीपी अनुरोधों और जवाबों को रिकॉर्ड करें
प्रोटोकॉल मॉनिटर खोलने पर, मौजूदा पेज से सीडीपी मैसेज अपने-आप रिकॉर्ड होने लगते हैं. प्रोटोकॉल मॉनिटर पेज को रीफ़्रेश करने या Devtools को बंद करने पर भी रिकॉर्डिंग जारी रखता है.
रिकॉर्डिंग बंद या शुरू करने के लिए, पैनल के सबसे ऊपर, ऐक्शन बार के बाईं ओर मौजूद 'रिकॉर्ड करें' बटन पर क्लिक करें.
सीडीपी मैसेज की जांच करें
प्रोटोकॉल मॉनिटर रिकॉर्ड के तौर पर, सीडीपी मैसेज, पैनल के बाईं ओर टेबल में लॉग किए जाते हैं.
किसी तरीके, अनुरोध या जवाब वाले सेल पर क्लिक करें, ताकि पैनल की दाईं ओर, अनुरोध या जवाब के डेटा की पूरी जानकारी देखी जा सके.
संबंधित हेडर टैब पर क्लिक करके अनुरोध या जवाब डेटा के बीच स्विच करें.
तरीका कॉलम में, किसी वैल्यू पर राइट क्लिक करने से आपको कॉन्टेक्स्ट के हिसाब से विकल्प मिलते हैं.
सीडीपी मैसेज मिटाएं और डाउनलोड करें
रिकॉर्ड किए गए सभी सीडीपी मैसेज मिटाने के लिए, कार्रवाई बार में 'हटाएं'ब्लॉक करें बटन पर क्लिक करें.
रिकॉर्ड किए गए मैसेज को JSON फ़ाइल के तौर पर डाउनलोड करने के लिए, डाउनलोड करें डाउनलोड करें पर क्लिक करें.
रॉ सीडीपी कमांड भेजें
प्रोटोकॉल मॉनिटर से, सीडीपी कमांड भेजने के दो मुख्य तरीके हैं:
अगर निर्देश के लिए किसी पैरामीटर की ज़रूरत नहीं है, तो प्रोटोकॉल मॉनिटर के सबसे नीचे मौजूद इनपुट फ़ील्ड में कमांड टाइप करें. इसके बाद, Enter दबाएं, जैसे कि
Page.captureScreenshot
.अगर निर्देश के लिए पैरामीटर की ज़रूरत है, तो उन्हें JSON फ़ॉर्मैट में दें, जैसे कि
{"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}
.इनपुट फ़ील्ड की दाईं ओर मौजूद ड्रॉप-डाउन में टारगेट सेट किया जाता है.
निर्देशों में बदलाव करने और उन्हें जारी करने के लिए, सीडीपी एडिटर का इस्तेमाल भी किया जा सकता है:
- कमांड इनपुट फ़ील्ड के आगे मौजूद, left_panel_open सीडीपी कमांड एडिटर दिखाएं बटन पर क्लिक करके, कमांड एडिटर खोलें.
- ��्रॉप-डाउन सूची से कोई टारगेट चुनें और कमांड प्रॉम्प्ट के बगल में सीडीपी कमांड टाइप करें. ऑटोकंप्लीट की सुविधा से, आपको काम के विकल्प मिलते हैं. वह निर्देश चुनें जिसका आपको इस्तेमाल करना है.
- सीडीपी कमांड डालने के बाद, एडिटर, प्रोटोकॉल की परिभाषाओं के आधार पर पैरामीटर का एक स्ट्रक्चर्ड फ़ॉर्म बनाता है. इन पैरामीटर को भरें, ताकि इन्हें अपने निर्देश के साथ भेजा जा सके.
- निर्देश भेजने के लिए, भेजें निर्देश भेजें बटन पर क्लिक करें या Ctrl + Enter दबाएं.
आपके पास टेबल से निर्देशों में बदलाव करने और उन्हें फिर से भेजने का विकल्प भी है. टेबल में किसी आइटम पर राइट क्लिक करके, 'बदलाव करें' चुनें. इसके बाद, ड्रॉप-डाउन मेन्यू से इसे फिर से भेजें. इससे सीडीपी एडिटर अपने-आप फिर से खुल जाएगा और उसमें आपके चुने गए निर्देश की जानकारी पहले से भर जाएगी.
सीडीपी एडिटर के बारे में ज़्यादा जानकारी के लिए, नए कमांड एडिटर की मदद से अपने Chrome Devtools प्रोटोकॉल (सीडीपी) के निर्देश बेहतर तरीके से बनाना लेख पढ़ें.