chrome.devtools.network

ब्यौरा

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

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

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

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

Developer Tools API के इस्तेमाल के बारे में सामान्य जानकारी के लिए, DevTool API की खास जानकारी देखें.

मेनिफ़ेस्ट

उदाहरण

नीचे दिया गया कोड, लोड होने पर 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-sample डेटा स्टोर करने की जगह से devtools API के उदाहरण इंस्टॉल करें.

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

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

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