chrome.devtools.network

ब्यौरा

नेटवर्क पैनल में, डेवलपर टूल से दिखने वाले नेटवर्क अनुरोधों के बारे में जानकारी पाने के लिए, chrome.devtools.network API का इस्तेमाल करें.

नेटवर्क अनुरोधों की जानकारी, एचटीटीपी आर्काइव फ़ॉर्मैट (HAR) में दिखती है. HAR के बारे में जानकारी, इस दस्तावेज़ के दायरे से बाहर है. इसलिए, HAR v1.2 की खास जानकारी देखें.

HAR के हिसाब से, chrome.devtools.network.getHAR() तरीका, पूरा HAR लॉग दिखाता है. वहीं chrome.devtools.network.onRequestFinished इवेंट, इवेंट कॉलबैक के लिए HAR एंट्री को एक तर्क के तौर पर उपलब्ध कराता है.

ध्यान दें कि अनुरोध का कॉन्टेंट, बेहतर परफ़ॉर्मेंस के लिए HAR के हिस्से के तौर पर उपलब्ध नहीं कराया जाता. कॉन्टेंट पाने के लिए, अनुरोध के getContent() तरीके को कॉल किया जा सकता है.

अगर पेज लोड होने के बाद, डेवलपर टूल की विंडो खोली जाती है, तो हो सकता है कि getHAR() से दिखाई जाने वाली एंट्री की कलेक्शन में कुछ अनुरोध मौजूद न हों. सभी अनुरोध पाने के लिए, पेज को फिर से लोड करें. आम तौर पर, getHAR() से दिखाए जाने वाले अनुरोधों की सूची, नेटवर्क पैनल में दिखने वाली सूची से मेल खानी चाहिए.

डेवलपर टूल के एपीआई इस्तेमाल करने के बारे में सामान्य जानकारी पाने के लिए, डेवलपर टूल के एपीआई की खास जानकारी देखें.

मेनिफ़ेस्ट

इस एपीआई का इस्तेमाल करने के लिए, मेनिफ़ेस्ट में ये कुंजियां शामिल करनी होंगी.

"devtools_page"

उदाहरण

यहां दिया गया कोड, 40 केबी से बड़ी सभी इमेज के यूआरएल को लोड होने पर लॉग करता है:

chrome.devtools.network.onRequestFinished.addListener(
  function(request) {
    if (request.response.bodySize > 40*1024) {
      chrome.devtools.inspectedWindow.eval(
          'console.log("Large image: " + unescape("' +
          escape(request.request.url) + '"))');
    }
  }
);

इस एपीआई को आज़माने के लिए, devtools API के उदाहरण chrome-extension-samples रिपॉज़िटरी से इंस्टॉल करें.

टाइप

Request

यह किसी दस्तावेज़ के संसाधन (स्क्रिप्ट, इमेज वगैरह) के लिए नेटवर्क का अनुरोध दिखाता है. जानकारी के लिए, HAR की खास जानकारी देखें.

प्रॉपर्टी

  • getContent

    void

    जवाब के मुख्य हिस्से का कॉन्टेंट दिखाता है.

    getContent फ़ंक्शन इस तरह दिखता है: 

    () => {...}

    • returns

      Promise<object>

      मंज़ूरी बाकी है

      यह एक ऐसा फ़ंक्शन है जो अनुरोध पूरा होने पर, जवाब का मुख्य हिस्सा दिखाता है.

तरीके

getHAR()

chrome.devtools.network.getHAR(): Promise<object>

यह HAR लॉग दिखाता है, जिसमें नेटवर्क के सभी ज्ञात अनुरोध शामिल होते हैं.

रिटर्न

  • Promise<object>

    मंज़ूरी बाकी है

    यह एक ऐसा फ़ंक्शन है जो अनुरोध पूरा होने पर, HAR लॉग दिखाता है.

इवेंट

onNavigated

chrome.devtools.network.onNavigated.addListener(
  callback: function,
)

जब देखी जा रही विंडो किसी नए पेज पर नेविगेट करती है, तब यह इवेंट सक्रिय होता है.

पैरामीटर

  • कॉलबैक

    फ़ंक्शन

    callback पैरामीटर इस तरह दिखता है: 

    (url: string) => void

    • url

      स्ट्रिंग

onRequestFinished

chrome.devtools.network.onRequestFinished.addListener(
  callback: function,
)

जब नेटवर्क का कोई अनुरोध पूरा हो जाता है और अनुरोध का सारा डेटा उपलब्ध हो जाता है, तब यह इवेंट सक्रिय होता है.

पैरामीटर

  • कॉलबैक

    फ़ंक्शन

    callback पैरामीटर इस तरह दिखता है: 

    (request: Request) => void