प्रोटोकॉल मॉनिटर: सीडीपी अनुरोध देखें और भेजें

Dale St. Marthe
Dale St. Marthe

DevTools से किए गए सभी सीडीपी अनुरोध और जवाब देखने के लिए, प्रोटोकॉल मॉनिटर का इस्तेमाल करें. साथ ही, सीधे सीडीपी कमांड भेजें.

खास जानकारी

Chrome DevTools, Chrome ब्राउज़र को इंस्ट्रुमेंट करने, उनकी जांच करने, उन्हें डीबग करने, और प्रोफ़ाइल बनाने के लिए, Chrome DevTools Protocol (CDP) का इस्तेमाल करता है. डेवलपर, प्रोग्राम के हिसाब से सीडीपी के साथ काम करने के लिए, प्रोटोकॉल मॉनिटर का इस्तेमाल कर सकते हैं.

प्रोटोकॉल मॉनिटर की मदद से ये काम किए जा सकते हैं:

  • सीडीपी के अनुरोध और जवाब रिकॉर्ड करना
  • सीडीपी मैसेज की जांच करना
  • सीडीपी मैसेज सेव करना
  • सीडीपी कमांड भेजना

प्रोटोकॉल मॉनिटर खोलना

प्रोटोकॉल मॉनिटर खोलने के लिए, यह तरीका अपनाएं:

  1. पक्का करें कि एक्सपेरिमेंट चालू हो. सेटिंग > प्रयोग में जाकर, प्रोटोकॉल मॉनिटर चेकबॉक्स को चुनें.

  2. कमांड मेन्यू खोलने के लिए, यह दबाएं:

    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P इनके साथ कमांड मेन्यू
  3. Protocol monitor टाइप करना शुरू करें. इसके बाद, प्रोटोकॉल मॉनिटर दिखाएं को चुनें और Enter दबाएं. DevTools, आपकी DevTools विंडो में सबसे नीचे प्रोटोकॉल मॉनिटर पैनल दिखाता है.

इसके अलावा, सबसे ऊपर दाएं कोने में, ज़्यादा विकल्प > ज़्यादा टूल > प्रोटोकॉल मॉनिटर को चुनें.

सीडीपी के अनुरोध और जवाब रिकॉर्ड करना

प्रोटोकॉल मॉनिटर खोलने पर, यह मौजूदा पेज से सीडीपी मैसेज रिकॉर्ड करना शुरू कर देता है. पेज को रीफ़्रेश करने या DevTools को बंद करने के बाद भी, प्रोटोकॉल मॉनिटर रिकॉर्डिंग जारी रखता है.

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

प्रोटोकॉल मॉनिटर पैनल में मौजूद रिकॉर्ड बटन.

सीडीपी मैसेज की जांच करना

प्रोटोकॉल मॉनिटर रिकॉर्ड करने के बाद, सीडीपी मैसेज पैनल की बाईं ओर मौजूद टेबल में लॉग किए जाते हैं.

पैनल की दाईं ओर, अनुरोध या जवाब डेटा की ज़्यादा जानकारी देखने के लिए, विधि, अनुरोध या जवाब सेल पर क्लिक करें.

प्रोटोकॉल मॉनिटर पैनल में हाइलाइट किया गया तरीका.

संबंधित हेडर टैब पर क्लिक करके, अनुरोध या जवाब डेटा के बीच स्विच करें.

Method कॉलम में किसी वैल्यू पर दायां क्लिक करने पर, आपको संदर्भ के हिसाब से विकल्प मिलते हैं.

सीडीपी मैसेज मिटाना और डाउनलोड करना

रिकॉर्ड किए गए सभी सीडीपी मैसेज मिटाने के लिए, ऐक्शन बार में मौजूद मिटाएं बटन पर क्लिक करें.

रिकॉर्ड किए गए मैसेज को JSON फ़ाइल के तौर पर डाउनलोड करने के लिए, डाउनलोड करें पर क्लिक करें.

सीडीपी के रॉ निर्देश भेजना

प्रोटोकॉल मॉनिटर की मदद से, सीडीपी कमांड भेजने के दो मुख्य तरीके हैं:

  • अगर कमांड के लिए किसी पैरामीटर की ज़रूरत नहीं है, तो प्रोटोकॉल मॉनिटर के सबसे नीचे मौजूद इनपुट फ़ील्ड में कमांड टाइप करें. इसके बाद, Enter दबाएं. उदाहरण के लिए, Page.captureScreenshot.

    अगर निर्देश के लिए पैरामीटर की ज़रूरत है, तो उन्हें JSON फ़ॉर्मैट में दें. उदाहरण के लिए, {"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}.

    इनपुट फ़ील्ड की दाईं ओर मौजूद ड्रॉप-डाउन से टारगेट की जानकारी मिलती है.

प्रोटोकॉल मॉनिटर में हाइलाइट किया गया टारगेट ड्रॉपडाउन.

  • CDP एडिटर का इस्तेमाल करके भी निर्देशों में बदलाव किया जा सकता है और उन्हें जारी किया जा सकता है:

    1. कमांड एडिटर खोलने के लिए, कमांड इनपुट फ़ील्ड के बगल में मौजूद, Show CDP command editor बटन पर क्लिक करें.
    2. ड्रॉप-डाउन सूची से कोई टारगेट चुनें और कमांड प्रॉम्प्ट के बगल में सीडीपी कमांड टाइप करना शुरू करें. ऑटोकंप्लीट की सुविधा से, आपको काम के विकल्प मिलते हैं. वह निर्देश चुनें जिसका आपको इस्तेमाल करना है. प्रोटोकॉल मॉनिटर में कमांड इनपुट.
    3. CDP कमांड डालने के बाद, एडिटर प्रोटोकॉल की परिभाषाओं के आधार पर पैरामीटर का स्ट्रक्चर्ड फ़ॉर्म बनाता है. अपने निर्देश के साथ भेजने के लिए, इन पैरामीटर को भरें. भरने के लिए, सेवा वर्कर से जुड़े पैरामीटर के साथ पैरामीटर इनपुट.
    4. निर्देश भेजें बटन पर क्लिक करके या Ctrl + Enter दबाकर निर्देश भेजें.

टेबल से निर्देशों में बदलाव किया जा सकता है और उन्हें फिर से भेजा जा सकता है. टेबल में किसी आइटम पर दायां क्लिक करें और ड्रॉप-डाउन मेन्यू से 'बदलाव करें और फिर से भेजें' को चुनें. इससे सीडीपी एडिटर अपने-आप फिर से खुल जाएगा और उसमें आपके चुने गए कमांड को पहले से भर दिया जाएगा.

सीडीपी एडिटर के बारे में ज़्यादा जानने के लिए, नए कमांड एडिटर की मदद से, Chrome Devtools प्रोटोकॉल (सीडीपी) के कमांड असरदार तरीके से बनाएं लेख पढ़ें.