chrome.devtools.network

ब्यौरा

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

मेनिफ़ेस्ट

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

"devtools_page"

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

खास जानकारी

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

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

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

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

उदाहरण

यह कोड, 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) + '"))');
    }
  }
);

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

टाइप

Request

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

प्रॉपर्टी

  • getContent

    अमान्य

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

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

    (callback: function) => {...}

    • कॉलबैक

      फ़ंक्शन

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

      (content: string, encoding: string) => void

      • कॉन्टेंट

        स्ट्रिंग

        जवाब का कॉन्टेंट (इसे कोड में बदला जा सकता है).

      • कोड में बदलने का तरीका

        स्ट्रिंग

        अगर कॉन्टेंट को कोड में नहीं बदला गया है, तो कोड खाली है. कोड में बदलने का नाम नहीं डाला गया है. फ़िलहाल, सिर्फ़ base64 का इस्तेमाल किया जा सकता है.

तरीके

getHAR()

chrome.devtools.network.getHAR(
  callback: function,
)

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

पैरामीटर

  • कॉलबैक

    फ़ंक्शन

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

    (harLog: object) => void

    • harLog

      ऑब्जेक्ट

      HAR लॉग. ज़्यादा जानकारी के लिए, HAR की खास बातें देखें.

इवेंट

onNavigated

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

जांच की गई विंडो के किसी नए पेज पर जाने पर सक्रिय होता है.

पैरामीटर

  • कॉलबैक

    फ़ंक्शन

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

    (url: string) => void

    • url

      स्ट्रिंग

onRequestFinished

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

नेटवर्क अनुरोध पूरा होने और अनुरोध का सारा डेटा उपलब्ध होने पर ट्रिगर होता है.

पैरामीटर