ब्यौरा
नेटवर्क पैनल में डेवलपर टूल से दिखाए गए नेटवर्क अनुरोधों के बारे में जानकारी पाने के लिए, chrome.devtools.network
एपीआई का इस्तेमाल करें.
मेनिफ़ेस्ट
डेवलपर टूल एपीआई इस्तेमाल करने के बारे में सामान्य जानकारी के लिए, 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
-
स्ट्रिंग
-
onRequestFinished
chrome.devtools.network.onRequestFinished.addListener(
callback: function,
)
नेटवर्क अनुरोध पूरा होने और अनुरोध का सारा डेटा उपलब्ध होने पर ट्रिगर होता है.
पैरामीटर
-
कॉलबैक
फ़ंक्शन
callback
पैरामीटर ऐसा दिखता है:(request: Request) => void
-
CANNOT TRANSLATE
-